kitchen-sink-design-system
✓Workflow des Kitchen Sink-Designsystems für jeden Frontend-Stack – Next.js, Hugo, Astro, SvelteKit, Nuxt oder einfaches HTML. Verwenden Sie diese Option, wenn Sie nach einer Kitchen Sink-Seite, einem Designsystem, einem UI-Audit, einem Style Guide oder einem Komponenteninventar gefragt werden oder wenn ein Projekt ein Komponenteninventar sowie die Komponentenerstellung und die Implementierung einer Sink-Seite erfordert.
Installation
SKILL.md
Build every component for real, wire it into a single sink page, and let the page prove the design system works.
Before anything else, identify the project's framework and lock in the implementation strategy. If you cannot see the file tree, stop and request it.
| next.config., app/ or pages/ | Next.js (React) | | hugo.toml, hugo.yaml, layouts/partials/ | Hugo | | astro.config., src/components/ | Astro | | nuxt.config. | Nuxt (Vue) | | svelte.config. | SvelteKit | | None of the above | Static HTML/CSS |
Workflow des Kitchen Sink-Designsystems für jeden Frontend-Stack – Next.js, Hugo, Astro, SvelteKit, Nuxt oder einfaches HTML. Verwenden Sie diese Option, wenn Sie nach einer Kitchen Sink-Seite, einem Designsystem, einem UI-Audit, einem Style Guide oder einem Komponenteninventar gefragt werden oder wenn ein Projekt ein Komponenteninventar sowie die Komponentenerstellung und die Implementierung einer Sink-Seite erfordert. Quelle: baphomet480/claude-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/baphomet480/claude-skills --skill kitchen-sink-design-system- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-11
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist kitchen-sink-design-system?
Workflow des Kitchen Sink-Designsystems für jeden Frontend-Stack – Next.js, Hugo, Astro, SvelteKit, Nuxt oder einfaches HTML. Verwenden Sie diese Option, wenn Sie nach einer Kitchen Sink-Seite, einem Designsystem, einem UI-Audit, einem Style Guide oder einem Komponenteninventar gefragt werden oder wenn ein Projekt ein Komponenteninventar sowie die Komponentenerstellung und die Implementierung einer Sink-Seite erfordert. Quelle: baphomet480/claude-skills.
Wie installiere ich kitchen-sink-design-system?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/baphomet480/claude-skills --skill kitchen-sink-design-system Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/baphomet480/claude-skills
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-11