Communitygithub.com

awesome-claude-design

Erstellen Sie vollständige UI-Projekte mit vorgefertigten DESIGN.md-Dateien und Claude Design.

Was ist awesome-claude-design?

Dieses Skill ermöglicht es Entwicklern, mithilfe von Claude Design und wiederverwendbaren DESIGN.md-Vorlagen schnell vollständige UI-Projekte zu erstellen. Es ist besonders nützlich für Agenten wie Claude Code, da es strukturierte Design-Spezifikationen bereitstellt, die als Grundlage für die Generierung von Frontend-Code dienen. Der Skill unterstützt typische UI-Komponenten, Layouts und Design-Systeme, die durch klare Markdown-Dokumentation definiert werden. Entwickler können so konsistente und ästhetisch ansprechende Benutzeroberflächen prototypisieren, ohne jedes Mal bei Null anfangen zu müssen.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add alfonsosagacious5877/awesome-claude-design
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

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

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Was macht awesome-claude-design?

Erstellen Sie vollständige UI-Projekte mit vorgefertigten DESIGN.md-Dateien und Claude Design.

Beschreibung

Dieses Skill ermöglicht es Ihnen, mit Claude Design und speziell formatierten DESIGN.md-Dateien schnell vollständige UI-Projekte zu skizzieren. Es eignet sich ideal für Agenten wie Claude Code, die aus visuellen oder textuellen Design-Spezifikationen Code generieren.

Verwendung

  1. Platzieren Sie eine DESIGN.md-Datei in Ihrem Projektverzeichnis.
  2. Claude verwendet die in der DESIGN.md definierten Komponenten, Farben und Layouts, um den entsprechenden UI-Code zu generieren.
  3. Passen Sie das generierte Ergebnis bei Bedarf an.

Kompatibilität

Dieses Skill funktioniert mit jedem Claude-basierten Agenten, der DESIGN.md-Dateien akzeptiert, einschließlich Claude Code.

Lizenz

Siehe LICENSE für Details.

Verwandte Skills

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community