이 도구는 설명을 기반으로 텍스트 기반 사용자 인터페이스를 생성합니다. 전체 소스 코드가 제공되어 사용해 볼 수 있습니다.
우리는 https://eastagile.com에서 시행되는 AI 주도 개발의 지지자입니다. 이를 지원하기 위해 AI를 사용하여 사용자 인터페이스를 개발하는 데 도움을 줍니다. 이 도구는 설명 및 특정 사용자 인터페이스 요소에 대한 (선택적) 요청을 기반으로 텍스트 기반 사용자 인터페이스를 생성합니다. 도구의 프롬프트는 디자인 요소와 적절한 UI 텍스트를 요구합니다.
이 예시는 팀 전반에 걸쳐 생성하고 배포할 수 있는 도구의 구체적이고 실용적인 예로 제시됩니다.
여기 사용 예시가 있습니다.
사용자 입력:
생성된 출력:
Genstudio 안에 사용자 정의 도구 json을 추가합니다.
다음은 파일에서 업데이트할 실제 json입니다 (예: text-based-ux-designer.json).
{"version":"0.1","metadata": {"avatar":"","creator": {"name":"Khoa Tran에게 영감을 받아","email":"admin@eastagile.com","organization":"East Agile"},"timestamp":"2023-06-01T10:00:00Z","variables": [{"name":"기능 설명","type":"text","default":"","description":"기능 또는 기능에 대한 간략한 설명입니다."},{"name":"UI 구성 요소","type":"text","default":"적절하고 관례적인 모든 것","description":"사용자 인터페이스 구성 요소의 유형(예: 라디오 버튼, 다중 선택 목록)입니다."}],"parameters": {"top_p":1,"max_tokens":1024,"temperature":0.7,"presence_penalty":0,"frequency_penalty":0},"avatar_type":"base64","description":"이 도구는 사용자 설명 및 지정된 사용자 인터페이스 구성 요소를 바탕으로 텍스트 기반 사용자 인터페이스를 생성합니다.","prompt_name":"텍스트 기반 사용자 인터페이스 생성기","usage_notes": "생성하고자 하는 인터페이스, 기능 또는 앱에 대한 설명(기능 설명)과 사용하고 싶은 특정 유형의 사용자 인터페이스 요소(UI 구성 요소)를 제공하십시오. 이 애플리케이션은 East Agile https://eastagile.com에서 시행되는 AI 주도 개발(AiDD)을 지원하도록 설계되었습니다.",
"model_version": ["gpt-3.5","gpt-4","claude","palm"],"expected_output": {"type":"text"}},"model_prompt": "다음 기능이나 기능을 위한 텍스트 기반 사용자 인터페이스를 생성하십시오:\n\n기능 설명: {{기능 설명}}\n사용자 인터페이스 요소: {{UI 구성 요소}}.\n\n효과적인 UX 작성을 위한 최선의 관행을 따르십시오:\n1. 사용 가능하게 만들기: 교묘한 언어나 비관례적인 디자인보다 기능성과 사용 편의성을 우선시합니다.\n2. 유용하게 만들기: 사용자에게 유용한 정보를 제공하여 그들이 목표를 달성하도록 돕습니다.\n3. 접근 가능하게 만들기: 장애인을 포함하여 모든 사용자가 이해하기 쉽도록 간단하고 명료한 언어 및 관례적인 디자인 요소를 사용합니다.\n4. 명확하게 만들기: 전문 용어와 모호함을 피하십시오. 사용자는 콘텐츠와 UI를 빠르고 쉽게 이해할 수 있어야 합니다. 가능하면 UI 요소는 텍스트를 읽지 않고도 명확해야 합니다.\n5. 적절하게 만들기: 제공된 경우 사용자의 문화적 배경과 맥락을 고려하고 콘텐츠가 포괄적이며 존중받을 수 있도록 합니다.\n6. 능동태 사용하기: 사용자에게 행동을 취하도록 유도하는 능동적이고 직접적인 언어를 사용합니다.\n7. 긍정적으로 작성하기: 긍정적인 문장에 초점을 맞추고 절대적으로 필요한 경우가 아니면 부정적인 문구를 피합니다.\n8. 간결하게 만들기: 문장을 간단하고 바로 본론으로 유지하며 불필요한 단어와 구를 제거합니다.\n9. 지속적인 A/B 테스트 수행: 콘텐츠가 효과적이고 사용자 친화적인지 확인하기 위해 지속적으로 테스트하고 개선합니다.\n10. 브랜드 목소리 및 톤 일관성 유지: 콘텐츠가 전체 브랜드 성격에 맞고 사용자 경험 전반에 걸쳐 일관된 톤을 유지하도록 합니다.\n11. 행동 지향의 언어 사용: 사용자가 특정 작업에 초점을 맞춘 명확하고 직접적인 언어를 사용하여 행동을 취하도록 유도합니다.\n12. 맥락적 관련성 유지: 콘텐츠가 다양한 언어와 문화에 대해 쉽게 로컬화 및 번역 가능하도록 관련 맥락을 제공합니다.\n\n생성된 UX 작성 콘텐츠:\n"
}
자신의 아이콘을 생성하고 이를 base64 형태의 텍스트 블록으로 이 json에 입력할 수 있습니다. 그렇지 않으면 기본값이 사용됩니다.
