SkyDeck.ai Docs
google.com
Dansk
Dansk
  • SkyDeck.ai
  • GenStudio Workspace
    • Samtaler
    • SkyDeck AI Hjælpeapp
    • Dokumentupload
    • Deling og Samarbejde
    • Slack Synkronisering
    • Offentlige Snapshots
    • Web Browsing
    • Værktøjer
      • Parprogrammering
        • Sådan bruges
        • Eksempel – Python Script Assistance
      • SQL Assistent
        • Sådan bruges
        • Eksempel – Spørgsmål Fejlfinding
      • Gennemgang af Juridisk Aftale
        • Sådan bruges
        • Eksempel – NDA Klausul
      • Lær Mig Alt
        • Sådan bruges
        • Eksempel – Introduktion til Programmering
      • Strategikonsulent
        • Sådan bruges
        • Eksempel – Medarbejderfastholdelse
      • Billedgenerator
        • Sådan bruges
        • Eksempel – Vinterland
    • Datasikkerhed
      • Forebyggelse af Datatab
  • Kontrolcenter
    • Admin & Ejer Værktøjer
    • Opsætningsguide
      • Opret Konto
      • Opsæt Integrationer
        • Integrationshjælp
      • Opsæt Sikkerhed
        • Godkendelse (SSO)
      • Organiser Teams
        • Tilføj Ny Gruppe
        • Fjern Grupper
      • Kurater Værktøjer
        • Systemværktøjer
        • Tildel Tags
      • Administrer Medlemmer
        • Tilføj Medlemmer
        • Importer Fil
        • Inviter Medlemmer
        • Rediger Medlemmer
    • Fakturering
      • Gratis Prøveperiode
      • Køb Kredit
      • Planer og Opgraderinger
      • Modelbrugspriser
  • Integrationer
    • LLMs og Databaser
      • Anthropic Integration
      • Database Integration
      • Groq Integration
      • HuggingFace Integration
      • Mistral Integration
      • OpenAI Integration
      • Perplexity Integration
      • Together AI Integration
      • Vertex AI Integration
    • App Integrationer
      • Rememberizer Integration
      • Slack Integration
  • Udviklere
    • Udvikl Dine Egen Værktøjer
      • JSON format for Værktøjer
      • JSON Format for LLM Værktøjer
      • Eksempel: Tekstbaseret UI Generator
      • JSON Format for Smarte Værktøjer
  • Brugssager
    • Oprettelse af en Privatlivspolitik
  • Meddelelser
    • Brugsbetingelser
    • Privatlivspolitik
    • Cookie Meddelelse
  • Udgivelser
    • 2. maj 2025
    • 25. apr 2025
    • 18. apr 2025
    • 11. apr 2025
    • 4. apr 2025
    • 28. mar 2025
    • 21. mar 2025
    • 14. mar 2025
    • 7. mar 2025
    • 28. feb 2025
    • 21. feb 2025
    • 14. feb 2025
    • 7. feb 2025
    • 31. jan 2025
    • 24. jan 2025
    • 17. jan 2025
    • 10. jan 2025
    • 3. jan 2025
    • 27. dec 2024
    • 20. dec 2024
    • 13. dec 2024
    • 6. dec 2024
    • 29. nov 2024
    • 22. nov 2024
    • 15. nov 2024
    • 8. nov 2024
    • 1. nov 2024
    • 25. okt 2024
    • 18. okt 2024
    • 11. okt 2024
    • 4. okt 2024
    • 27. sep 2024
    • 20. sep 2024
    • 13. sep 2024
    • 6. sep 2024
    • 23. aug 2024
    • 16. aug 2024
    • 9. aug 2024
    • 2. aug 2024
    • 26. jul 2024
    • 12. jul 2024
    • 5. jul 2024
    • 28. jun 2024
    • 21. jun 2024
    • 12. nov 2023
    • 6. nov 2023
    • 30. okt 2023
    • 23. okt 2023
    • 16. okt 2023
    • 18. sep 2023
    • 8. sep 2023
  • Sikkerhed
    • SkyDeck.ai Sikkerhedspraksis
    • Bug Bounty Program
  • AI Dokumentation
    • LLM Evaluering Rapport
    • SkyDeck.ai LLM Klar Dokumentation
Powered by GitBook
On this page
  1. Udviklere
  2. Udvikl Dine Egen Værktøjer

Eksempel: Tekstbaseret UI Generator

Dette værktøj genererer en tekstbaseret brugergrænseflade baseret på beskrivelse. Fuld kildekode er givet til dig, så du kan prøve det af.

Last updated 10 days ago

Vi er fortalere for AI-drevet udvikling, som praktiseres af https://eastagile.com. For at støtte dette bruger vi AI til at hjælpe os med at udvikle brugergrænseflader. Dette værktøj genererer en tekstbaseret brugergrænseflade baseret på beskrivelse og en (valgfri) anmodning om visse brugergrænsefladeelementer. Prompten til værktøjet beder om designelementer samt passende UI-tekst. Dette eksempel præsenteres som et konkret og praktisk eksempel på et værktøj, som man kunne skabe og implementere i hele dit team. Her er et eksempel på dets brug. Brugerinput:

Genereret output:

Du tilføjer dit tilpassede værktøjs json inde i Genstudio.

Her er den faktiske json, som du ville opdatere i en fil (dvs. text-based-ux-designer.json).

{
"version": "0.1",
"metadata": {
"avatar": "",
"creator": {
"name": "Inspireret af Khoa Tran",
"email": "admin@eastagile.com",
"organization": "East Agile"
},
"timestamp": "2023-06-01T10:00:00Z",
"variables": [
{
"name": "Funktion Beskrivelse",
"type": "text",
"default": "",
"description": "En kort beskrivelse af funktionen eller funktionaliteten."
},
{
"name": "UI Komponenter",
"type": "text",
"default": "Alt passende og konventionelt",
"description": "Den type brugergrænsefladekomponenter (f.eks. radioknap, multi-vælg liste)."
}
],
"parameters": {
"top_p": 1,
"max_tokens": 1024,
"temperature": 0.7,
"presence_penalty": 0,
"frequency_penalty": 0
},
"avatar_type": "base64",
"description": "Dette værktøj genererer en tekstbaseret brugergrænseflade baseret på din beskrivelse og de angivne brugergrænsefladekomponenter.",
"prompt_name": "Tekstbaseret Brugergrænseflade Generator",
"usage_notes": "Giv en beskrivelse af, hvilken slags grænseflade, funktion eller app du ønsker at generere (Funktion Beskrivelse) og enhver specifik type brugergrænsefladeelementer, du ønsker at bruge (UI Komponenter). Denne applikation er designet til at støtte AI-drevet udvikling (AiDD), som praktiseres af East Agile https://eastagile.com.",
"model_version": [
"gpt-3.5",
"gpt-4",
"claude",
"palm"
],
"expected_output": {
"type": "text"
}
},
"model_prompt": "Generer en tekstbaseret brugergrænseflade med formulering til følgende funktion eller funktionalitet:\n\nFunktion Beskrivelse: {{Funktion Beskrivelse}}\nBrugergrænsefladeelementer: {{UI Komponenter}}.\n\nFølg venligst disse bedste praksisser for at skabe effektiv UX-skrivning:\n1. Gør det brugbart: Prioriter funktionalitet og brugervenlighed over smart sprog eller ukonventionelt design.\n2. Gør det hjælpsomt: Giv nyttige oplysninger, der vejleder brugerne og hjælper dem med at nå deres mål.\n3. Gør det tilgængeligt: Brug simpelt, klart sprog og konventionelle designelementer, der gør det nemt for alle brugere at forstå, herunder dem med handicap.\n4. Gør det klart: Undgå jargon og tvetydighed; brugerne skal kunne forstå indholdet og UI hurtigt og nemt. Når det er muligt, bør UI-affordancer være åbenlyse uden at skulle læse tekst.\n5. Gør det passende: Overvej den kulturelle baggrund og konteksten for dine brugere, hvis det er angivet, og sikre, at indholdet er inkluderende og respektfuldt.\n6. Brug aktiv stemme: Opfordr brugerne til at handle ved at bruge aktivt, direkte sprog.\n7. Skriv positivt: Fokuser på bekræftende udsagn og undgå negative sætninger, medmindre det er absolut nødvendigt.\n8. Vær kortfattet: Hold sætninger korte og præcise, og eliminér unødvendige ord og sætninger.\n9. Udfør konstant A/B-testning: Test og forfin indholdet løbende for at sikre, at det er effektivt og brugervenligt.\n10. Hold brandstemmen og tonen konsistent: Sørg for, at indholdet stemmer overens med den overordnede brandpersonlighed og opretholder en konsekvent tone gennem hele brugeroplevelsen.\n11. Brug handlingsorienteret sprog: Opfordr brugerne til at handle ved at bruge sprog, der er klart, direkte og fokuseret på specifikke opgaver.\n12. Oprethold kontekstuel relevans: Giv relevant kontekst for at sikre, at indholdet er let lokaliserbart og oversætteligt til forskellige sprog og kulturer.\n\nGenereret UX-skrivningsindhold:\n"
}

Du kan oprette dit eget ikon og indtaste det som en base64 tekstblok i denne json. Ellers vil et pænt standardikon blive brugt.

Eksempelinput ved hjælp af de angivne inputfelter.
En tekstbaseret brugergrænseflade med tekst genereret af vores app.
Upload json for at definere et tilpasset værktøj
tekstbaseret UI-generator eksempelinput
tekstbaseret UI-generator output
upload tilpasset værktøj