Communitygithub.com

Wyterlin/my-website

Nutzen Sie dieses Skill, um stark gebrandete Oberflächen und Assets für die persönliche Portfolio-Website von Christian Wyterlin Silveira (ChristianWS) zu erstellen. Es enthält wichtige Designrichtlinien, Farben, Schriftarten, Assets und UI-Kit-Komponenten für Prototypen.

Was ist my-website?

Dieses Skill dient als zentrales Designsystem für die persönliche Portfolio-Website von Christian Wyterlin Silveira. Es stellt eine umfassende Sammlung von Designrichtlinien bereit: ein genau definiertes Farbschema, Schriftarten, Typografie sowie vorgefertigte UI-Kit-Komponenten. Bei der Erstellung von visuellen Artefakten (Folien, Mockups, schnelle Prototypen) werden die Assets kopiert und statische HTML-Dateien generiert, damit der Benutzer sie direkt betrachten kann. Für die Arbeit am eigentlichen Produktivcode werden die Assets ebenfalls übernommen, und die Regeln helfen, ein Experte im Design dieser Marke zu werden. Falls der Benutzer das Skill ohne weitere Anweisungen aufruft, soll der Assistent wie ein erfahrener Designer nachfragen, was gebaut oder gestaltet werden soll, und dann entweder HTML-Artefakte oder Produktivcode ausgeben – je nach Bedarf.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add Wyterlin/my-website
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 in diesem Skill und erkunden Sie die anderen verfügbaren Dateien.

Wenn Sie visuelle Artefakte (Folien, Mockups, schnelle Prototypen usw.) erstellen, kopieren Sie die Assets und erzeugen Sie statische HTML-Dateien, die der Benutzer ansehen kann. Wenn Sie am Produktivcode arbeiten, können Sie die Assets kopieren und die Regeln hier lesen, um ein Experte im Design dieser Marke zu werden.

Wenn der Benutzer dieses Skill ohne weitere Anweisungen aufruft, fragen Sie ihn, was er bauen oder gestalten möchte, stellen Sie einige Fragen und agieren Sie als erfahrener Designer, der je nach Bedarf HTML-Artefakte oder Produktivcode 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