Communitygithub.com

adaptive-machines/ai-design-workflow

Dreistufiger Discover-Define-Deliver-Workflow, um aus einem KI-Coding-Agenten heraus einzigartige, Studio-qualitative UI-Designs zu erhalten, anstatt dem standardmäßigen „KI-Vorlagen“-Look. Verwenden Sie dies, wenn der Benutzer bittet, eine Landing Page, Marketingseite, App-Oberfläche, Onboarding-Flow, Dashboard, posterähnliche Webseite oder Spiel-UI zu entwerfen oder neu zu gestalten und dabei einen originellen, kräftigen, erstklassigen Look wünscht, der nicht nach KI aussieht.

Was ist ai-design-workflow?

Dieses Skill bietet einen systematischen, dreistufigen Workflow (Discover – Define – Deliver), der an das „Double Diamond“-Designmodell angelehnt ist und speziell für KI-Coding-Agenten wie Claude Code, Cursor oder Codex entwickelt wurde. Es löst das häufige Problem generischer, KI-ähnlicher Designs, indem es den Agenten durch einen kreativen Prozess führt: In der Discover-Phase wird ein ehrgeiziges Briefing erstellt und ein zufälliger „Seed“-String generiert, der die gesamte Designausgabe beeinflusst. Die Define-Phase nutzt einen spezialisierten „Design-Critic“-Subagenten, der nur Screenshots analysiert und konstruktives Feedback gibt – in einer Schleife, bis das Design den gewünschten Reifegrad erreicht hat. In der Deliver-Phase schließlich wird die Benutzeroberfläche mit Bildern und Videos angereichert und ein finaler „Subtraktionsdurchlauf“ durchgeführt, um alles zu entfernen, was nicht zur Kernaussage beiträgt. Das Skill unterstützt die Integration von Bild- und Video-Generierung und ist ideal, um originale, kräftige und „nicht von KI gemachte“ UI-Designs für Landing Pages, Dashboards, Spiele-Oberflächen und mehr zu erstellen.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/adaptive-machines/skills/tree/main/ai-design-workflow

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht ai-design-workflow?

Dreistufiger Discover-Define-Deliver-Workflow, um aus einem KI-Coding-Agenten heraus einzigartige, Studio-qualitative UI-Designs zu erhalten, anstatt dem standardmäßigen „KI-Vorlagen“-Look. Verwenden Sie dies, wenn der Benutzer bittet, eine Landing Page, Marketingseite, App-Oberfläche, Onboarding-Flow, Dashboard, posterähnliche Webseite oder Spiel-UI zu entwerfen oder neu zu gestalten und dabei einen originellen, kräftigen, erstklassigen Look wünscht, der nicht nach KI aussieht – einschließlich Sätzen wie „make it unique“, „it looks generic“, „too much AI vibe“, „AI 味太重“, „千篇一律“, „设计得独特一点“, „榨出创造力“, „design critic“, „critique loop“, „seed string“, „double diamond“ oder „why does my AI design always look the same“. Verwenden Sie es auch beim Iterieren einer vorhandenen Seite, deren Layout der Standardvorlage „Hero-links/Illustration-rechts“ entspricht, oder wenn der Benutzer Bild- oder Video-Generierung in die Benutzeroberfläche einweben möchte. Behandelt Seed-String-Zufälligkeit, ehrgeizige Briefings, eine Screenshot-basierte Design-Critic-Subagenten-Schleife, Bild/Video-getriebene Bewegungsabläufe und den finalen Subtraktionsdurchlauf.

Verwandte Skills