Communitygithub.com

se7enclaude/se7en-clip

Generieren Sie markenkonforme Oberflächen und Assets für se7en (Download Everything & Upscale) – sowohl für Produktion als auch für schnelle Prototypen/Mockups. Enthält grundlegende Design-Richtlinien, Farben, Schriftarten, Assets und UI-Kit-Komponenten für die Prototypenerstellung.

Was ist se7en-clip?

Diese Fähigkeit ermöglicht es KI-Agenten (wie Claude Code, Cursor, Codex), hochwertige, markenkonforme Benutzeroberflächen und visuelle Assets für das Produkt **se7en** (Download Everything & Upscale) zu erstellen. Sie basiert auf einer umfassenden Sammlung von Design-Richtlinien, Farbpaletten, Schriftarten, UI-Komponenten und Assets aus dem zugehörigen Repository. Der Agent kann sowohl statische HTML-Dateien für schnelle Prototypen und Mockups als auch Produktionscode generieren, wobei er die Markenidentität konsistent einhält. Bei unklaren Anforderungen interagiert der Agent wie ein erfahrener Designer, stellt gezielte Fragen und liefert je nach Bedarf entweder visuelle Artefakte oder produktionsreifen Code. Unterstützte Plattformen sind alle gängigen KI-Coding-Assistenten, die SKILL.md-Dateien interpretieren können.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/se7enclaude/se7en-clip/tree/HEAD/design-system
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

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

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Lesen Sie die README.md-Datei innerhalb dieser Fähigkeit und erkunden Sie die anderen verfügbaren Dateien.

Wenn Sie visuelle Artefakte (Folien, Mockups, Wegwerf-Prototypen usw.) erstellen, kopieren Sie die Assets heraus und erstellen Sie statische HTML-Dateien, die der Benutzer anzeigen kann. Wenn Sie an Produktionscode arbeiten, können Sie Assets kopieren und die Regeln hier lesen, um ein Experte für das Design mit dieser Marke zu werden.

Wenn der Benutzer diese Fähigkeit ohne weitere Anleitung aufruft, fragen Sie ihn, was er bauen oder entwerfen möchte, stellen Sie einige Fragen und agieren Sie als erfahrener Designer, der je nach Bedarf HTML-Artefakte oder Produktionscode ausgibt.

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