예제: 텍스트 기반 UI 생성기
이 도구는 설명을 기반으로 텍스트 기반 사용자 인터페이스를 생성합니다. 전체 소스 코드가 제공되어 사용해 볼 수 있습니다.
우리는 https://eastagile.com에서 실천하는 AI 주도 개발의 옹호자입니다. 이를 지원하기 위해 AI를 사용하여 사용자 인터페이스를 개발합니다. 이 도구는 설명과 특정 사용자 인터페이스 요소에 대한 (선택적) 요청을 기반으로 텍스트 기반 사용자 인터페이스를 생성합니다. 도구의 프롬프트는 디자인 요소와 적절한 UI 텍스트를 요청합니다. 이 예시는 팀 전체에서 만들고 배포할 수 있는 도구의 구체적이고 실용적인 예로 제시됩니다. 다음은 사용 예시입니다. 사용자 입력:
생성된 출력:
사용자 정의 도구 JSON을 Genstudio에 추가합니다.
다음은 파일(즉, text-based-ux-designer.json)에서 업데이트할 실제 JSON입니다.
{
"version": "0.1",
"metadata": {
"avatar": "",
"creator": {
"name": "Khoa Tran에게 영감을 받아",
"email": "[email protected]",
"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에 입력할 수 있습니다. 그렇지 않으면 멋진 기본값이 사용됩니다.
Last updated