Communitygithub.com

superdesigndev/superdesign

Superdesign ist ein Design-Agent, der auf Frontend-UI/UX-Design spezialisiert ist. Nutze diesen Skill, bevor du eine UI implementierst, die Design-Überlegungen erfordert.

Was ist superdesign?

Superdesign ist ein KI-gestützter Design-Agent, der speziell für Frontend-UI/UX-Aufgaben entwickelt wurde. Er hilft Entwicklern und Designern, Design-Entwürfe zu erstellen, zu iterieren und in wiederverwendbare Komponenten zu zerlegen – direkt in der Codebasis. Der Skill unterstützt Claude Code, Cursor und Codex und bietet eine Reihe von Befehlen, um Projekte anzulegen, Design-Entwürfe basierend auf Kontextdateien zu generieren, Variationen (z. B. Dark Theme oder minimalistisch) zu erstellen und UI-Komponenten zu extrahieren oder zu aktualisieren. Durch die Nutzung von Kontextdateien mit Zeilenbereichen (`--context-file path:start:end`) kann der Agent präzise auf bestimmte Code-Abschnitte zugreifen, um Design-Änderungen treu umzusetzen. Dies reduziert manuelle Arbeit und stellt sicher, dass das UI-Design konsistent und gut durchdacht ist, bevor Code implementiert wird.

Funktioniert mit~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add https://github.com/superdesigndev/superdesign-skill/tree/main/skills/superdesign
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 superdesign?

Superdesign ist ein Design-Agent, der auf Frontend-UI/UX-Design spezialisiert ist. Nutze diesen Skill, bevor du eine UI implementierst, die Design-Überlegungen erfordert. Häufige Befehle:

  • superdesign create-project --title "X" – Projekt einrichten
  • superdesign create-design-draft --project-id <id> --title "Aktuelles UI" -p "Getreu reproduzieren..." --context-file src/Component.tsx – Getreue Reproduktion
  • superdesign iterate-design-draft --draft-id <id> -p "dark theme" -p "minimal" --mode branch --context-file src/Component.tsx – Design-Variationen
  • superdesign execute-flow-pages --draft-id <id> --pages '[...]' --context-file src/Component.tsx – Auf weitere Seiten erweitern
  • superdesign create-component --project-id <id> --name "NavBar" --html-file /tmp/navbar.html --props '[...]' – Wiederverwendbare Komponente extrahieren
  • superdesign update-component --component-id <id> --html-file /tmp/navbar.html – Vorhandene Komponente aktualisieren
  • superdesign list-components --project-id <id> – Vorhandene Komponenten auflisten

Unterstützt Zeilenbereiche: --context-file pfad:startZeile:endZeile

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