Communitygithub.com

raptor8134/raptor8134.github.io

Nutze diesen Skill, um stark gebrandete Oberflächen und Assets für James Notley — Materialingenieur (Portfolio-Website und PDF-Dossier) zu erstellen, entweder für die Produktion oder für Wegwerf-Prototypen/Mockups usw. Enthält wesentliche Designrichtlinien, Farben, Schriften, Schriftarten, Assets und UI-Kit-Komponenten für das Prototyping.

Was ist raptor8134.github.io?

Dieser Skill ermöglicht es KI-Agenten (z. B. Claude Code, Cursor, Codex), konsistente, gebrandete visuelle Artefakte für James Notley – Materialingenieur – zu generieren. Er enthält vollständige Designrichtlinien (Farbpalette, Typografie, Schriften, Assets und UI-Kit-Komponenten) und unterstützt sowohl die Produktion von produktionsreifem Code (Portfolio-Website, PDF-Dossier) als auch schnelle, wegwerfbare Prototypen oder Mockups. Der Agent sollte zuerst die README.md und die verfügbaren Dateien im Skill-Verzeichnis lesen, dann bei der Erstellung von Folien, Mockups oder Prototypen Assets kopieren und statische HTML-Dateien ausgeben; bei produktionsrelevanten Aufgaben hingegen Assets und Regeln übernehmen, um markenkonform zu designen. Wird der Skill ohne weitere Anweisungen aufgerufen, soll der Agent als erfahrener Designer Fragen stellen, um den Umfang zu klären, und dann entweder HTML-Artefakte oder Produktionscode liefern.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/raptor8134/raptor8134.github.io/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

Lies die README.md-Datei in diesem Skill und erkunde die anderen verfügbaren Dateien.

Wenn du visuelle Artefakte (Folien, Mockups, Wegwerf-Prototypen usw.) erstellst, kopiere die Assets heraus und erstelle statische HTML-Dateien, die der Benutzer ansehen kann. Wenn du an produktionsreifem Code arbeitest, kannst du Assets kopieren und die hier enthaltenen Regeln lesen, um ein Experte im Design mit dieser Marke zu werden.

Wenn der Benutzer diesen Skill ohne weitere Anweisungen aufruft, frage ihn, was er bauen oder entwerfen möchte, stelle einige Fragen und handle als erfahrener Designer, der je nach Bedarf entweder 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