kitchen-sink-design-system

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 |

Kitchen Sink design system workflow for any frontend stack — Next.js, Hugo, Astro, SvelteKit, Nuxt, or plain HTML. Use when asked for a Kitchen Sink page, Design System, UI Audit, Style Guide, or Component Inventory, or when a project needs a component inventory plus component creation and a sink page implementation. Source: baphomet480/claude-skills.

View raw