skills.homes logoskills.homescapability registry
home/categories/full-stack/michael-obele-shadcn-svelte-mcp-skills-shadcn-sveltekit-design-skill-md
cd ..
full-stackdevelopment

shadcn-sveltekit-design

Use when building, redesigning, beautifying, or refactoring SvelteKit pages and reusable components with shadcn-svelte, Bits UI, or the shadcn-svelte MCP. Trigger on landing pages, dashboards, marketing sites, app shells, forms, navbars, tables, dialogs, responsive layouts, theming, icon selection, and requests to turn an idea or rough mockup into polished Svelte UI without inventing component APIs.

Ver código fuentefull-stack
Michael-Obele
maintainer
Michael-Obele
Actualizado 3/31/2026
Estrellas
46
Forks
2
quick start

Installation and usage

Use when building, redesigning, beautifying, or refactoring SvelteKit pages and reusable components with shadcn-svelte, Bits UI, or the shadcn-svelte MCP. Trigger on landing pages, dashboards, marketing sites, app shells, forms, navbars, tables, dialogs, responsive layouts, theming, icon selection, and requests to turn an idea or rough mockup into polished Svelte UI without inventing component APIs.

Instalación
$ install --globalskills.sh
Uso

Después de instalarlo, puedes usar este skill ejecutando el siguiente comando en tu terminal:

skills use shadcn-sveltekit-design