Communitygithub.com

daniel-dan-conrad/ui-designer

Gestalte einzigartige, versandbereite Frontend-Oberflächen mit gehobener Designqualität. Wende diese Fähigkeit an, wenn der Nutzer Webkomponenten, Seiten, Artefakte, Poster oder Anwendungen erstellen möchte (z. B. Websites, Landingpages, Dashboards, React-Komponenten, HTML/CSS-Layouts oder Aufgaben, die das Stylen oder Verschönern einer Web-UI umfassen). Erzeugt einfallsreichen, verfeinerten Code und UI-Design, das gängige KI-Ästhetik vermeidet.

Was ist ui-designer?

Das Skill 'daniel-dan-conrad/ui-designer' ist ein spezialisiertes Werkzeug für KI-Agenten (z. B. Claude Code, Cursor oder Codex), um hochwertige, individuelle Frontend-Benutzeroberflächen zu entwerfen und zu codieren. Es zielt darauf ab, 'cookie-cutter' KI-Designs zu vermeiden und stattdessen einfallsreiche, verfeinerte und versandbereite Ergebnisse zu liefern. Der Skill unterstützt die Erstellung einer Vielzahl von Webkomponenten und -anwendungen, einschließlich React, HTML/CSS, Landingpages, Dashboards und Poster. Er funktioniert, indem er sicherstellt, dass der KI-Agent einen menschenähnlichen Designprozess anwendet, der oft mit einer Analyse des Problems beginnt, verschiedene Layouts und Farbpaletten durchdenkt und schließlich sauberen, modularen Code mit visueller Harmonie generiert. Der Skill ist besonders nützlich für Entwickler und Designer, die schnell Prototypen erstellen oder hochwertige UI-Elemente benötigen, ohne Kompromisse bei der Design-Exzellenz einzugehen.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/daniel-dan-conrad/ui-designer-skill/tree/main/skills/ui-designer

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht ui-designer?

Gestalte einzigartige, versandbereite Frontend-Oberflächen mit gehobener Designqualität. Wende diese Fähigkeit an, wenn der Nutzer Webkomponenten, Seiten, Artefakte, Poster oder Anwendungen erstellen möchte (z. B. Websites, Landingpages, Dashboards, React-Komponenten, HTML/CSS-Layouts oder Aufgaben, die das Stylen oder Verschönern einer Web-UI umfassen). Erzeugt einfallsreichen, verfeinerten Code und UI-Design, das gängige KI-Ästhetik vermeidet.

Verwandte Skills