SkyDeck.ai Docs
가입관리자 로그인문의하기
한국어
한국어
  • SkyDeck.ai
  • GenStudio 작업 공간
    • 대화
    • SkyDeck AI 헬퍼 앱
    • 문서 업로드
    • 공유 및 협업
    • 슬랙 동기화
    • 공개 스냅샷
    • 웹 브라우징
    • 도구
      • 페어 프로그래머
        • 사용 방법
        • 예시 – 파이썬 스크립트 지원
      • SQL 어시스턴트
        • 사용 방법
        • 예시 – 쿼리 디버깅
      • 법적 계약 검토
        • 사용 방법
        • 예시 – NDA 조항
      • 무엇이든 가르쳐 주세요
        • 사용 방법
        • 예시 – 프로그래밍 소개
      • 전략 컨설턴트
        • 사용 방법
        • 예시 – 직원 유지
      • 이미지 생성기
        • 사용 방법
        • 예시 – 겨울 원더랜드
    • 데이터 보안
      • 데이터 손실 방지
  • 제어 센터
    • 관리자 및 소유자 도구
    • 설정 가이드
      • 계정 설정
      • 통합 설정
        • 통합 지원
      • 보안 설정
        • 인증 (SSO)
      • 팀 구성
        • 새 그룹 추가
        • 그룹 제거
      • 도구 정리
        • 시스템 도구
        • 태그 할당
      • 회원 관리
        • 회원 추가
        • 파일 가져오기
        • 회원 초대
        • 회원 편집
    • 청구
      • 무료 체험
      • 크레딧 구매
      • 요금제 및 업그레이드
      • 모델 사용 가격
  • 통합
    • LLM 및 데이터베이스
      • Anthropic 통합
      • 데이터베이스 통합
      • Groq 통합
      • HuggingFace 통합
      • Mistral 통합
      • OpenAI 통합
      • Perplexity 통합
      • Together AI 통합
      • Vertex AI 통합
    • 앱 통합
      • Rememberizer 통합
      • 슬랙 통합
  • 개발자
    • 자신의 도구 개발
      • 도구를 위한 JSON 형식
      • LLM 도구를 위한 JSON 형식
      • 예시: 텍스트 기반 UI 생성기
      • 스마트 도구를 위한 JSON 형식
  • 사용 사례
    • 개인정보 보호정책 작성
  • 공지사항
    • 이용 약관
    • 개인정보 보호정책
    • 쿠키 공지
  • 릴리스
    • 2025년 5월 16일
    • 2025년 5월 9일
    • 2025년 5월 2일
    • 2025년 4월 25일
    • 2025년 4월 18일
    • 2025년 4월 11일
    • 2025년 4월 4일
    • 2025년 3월 28일
    • 2025년 3월 21일
    • 2025년 3월 14일
    • 2025년 3월 7일
    • 2025년 2월 28일
    • 2025년 2월 21일
    • 2025년 2월 14일
    • 2025년 2월 7일
    • 2025년 1월 31일
    • 2025년 1월 24일
    • 2025년 1월 17일
    • 2025년 1월 10일
    • 2025년 1월 3일
    • 2024년 12월 27일
    • 2024년 12월 20일
    • 2024년 12월 13일
    • 2024년 12월 6일
    • 2024년 11월 29일
    • 2024년 11월 22일
    • 2024년 11월 15일
    • 2024년 11월 8일
    • 2024년 11월 1일
    • 2024년 10월 25일
    • 2024년 10월 18일
    • 2024년 10월 11일
    • 2024년 10월 4일
    • 2024년 9월 27일
    • 2024년 9월 20일
    • 2024년 9월 13일
    • 2024년 9월 6일
    • 2024년 8월 23일
    • 2024년 8월 16일
    • 2024년 8월 9일
    • 2024년 8월 2일
    • 2024년 7월 26일
    • 2024년 7월 12일
    • 2024년 7월 5일
    • 2024년 6월 28일
    • 2024년 6월 21일
    • 2023년 11월 12일
    • 2023년 11월 6일
    • 2023년 10월 30일
    • 2023년 10월 23일
    • 2023년 10월 16일
    • 2023년 9월 18일
    • 2023년 9월 8일
  • 보안
    • SkyDeck.ai 보안 관행
    • 버그 바운티 프로그램
  • AI 문서
    • LLM 평가 보고서
    • SkyDeck.ai LLM 준비 문서
Powered by GitBook
On this page
  1. 개발자
  2. 자신의 도구 개발

예시: 텍스트 기반 UI 생성기

이 도구는 설명을 기반으로 텍스트 기반 사용자 인터페이스를 생성합니다. 전체 소스 코드가 제공되어 사용해 볼 수 있습니다.

PreviousLLM 도구를 위한 JSON 형식Next스마트 도구를 위한 JSON 형식

Last updated 23 days ago

우리는 https://eastagile.com에서 실천하는 AI 주도 개발의 옹호자입니다. 이를 지원하기 위해 AI를 사용하여 사용자 인터페이스를 개발합니다. 이 도구는 설명과 특정 사용자 인터페이스 요소에 대한 (선택적) 요청을 기반으로 텍스트 기반 사용자 인터페이스를 생성합니다. 도구의 프롬프트는 디자인 요소와 적절한 UI 텍스트를 요청합니다. 이 예시는 팀 전체에서 만들고 배포할 수 있는 도구의 구체적이고 실용적인 예로 제시됩니다. 다음은 사용 예시입니다. 사용자 입력:

생성된 출력:

사용자 정의 도구 JSON을 Genstudio에 추가합니다.

다음은 파일(즉, text-based-ux-designer.json)에서 업데이트할 실제 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에 입력할 수 있습니다. 그렇지 않으면 멋진 기본값이 사용됩니다.

지정된 입력 필드를 사용한 샘플 입력.
우리 앱에서 생성된 텍스트가 포함된 텍스트 기반 사용자 인터페이스.
사용자 정의 도구를 정의하기 위해 JSON 업로드
텍스트 기반 UI 생성기 샘플 입력
텍스트 기반 UI 생성기 출력
사용자 정의 도구 업로드