Collaborative UI design workflow for building complete SvelteKit pages. Use this skill whenever the user wants to design, plan, or build a new page or view — even if they say "build me a page", "I need a dashboard", "create a settings screen", "design a landing page", or any similar request. This skill runs an interactive discovery process to nail down what goes on the page before handing off to frontend-design for high-quality implementation. ALWAYS use this skill rather than jumping straight into code when the user needs a full page — the discovery phase produces dramatically better results than guessing.
Add a new colour theme to the kali AFL project from a design markdown file. Use this skill whenever the user provides a design .md file and wants it turned into a theme, says "add this design as a theme", "implement this design doc", "create a theme from this", or refers to a DESIGN-*.md file. Also trigger when the user wants to add a new colour scheme or visual style to the app, even if they don't explicitly say "theme".
Add a new colour theme to the kali AFL project from a design markdown file. Use this skill whenever the user provides a design .md file and wants it turned into a theme, says "add this design as a theme", "implement this design doc", "create a theme from this", or refers to a DESIGN-*.md file. Also trigger when the user wants to add a new colour scheme or visual style to the app, even if they don't explicitly say "theme".
Tailwind CSS component library providing semantic class names for 50+ components with built-in themes, dark mode, and customization for rapid UI development.