Loading...
Loading...
Found 779 Skills
The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2 experimental), which is a substantial rewrite. Use this v1 install name only if you need exact backward compatibility.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.
Use when building React site components with editor manifests for Wix CLI applications.
Enforces an opinionated UI baseline to prevent AI-generated interface slop.
Use when elements need to appear on screen - page loads, modals opening, items being added, content reveals, or any "coming into view" animation.
Generate Next.js projects based on configurations and requirements, supporting the --quick fast mode to skip the PRD phase
Use this skill whenever you're making visual / styling decisions on a teaching site or content-driven SPA — picking colors, fonts, badge styles, card layouts, hero treatments, dark mode tokens, or any "how should this look?" question. Triggers on phrases like "視覺風格", "設計系統", "色票", "字體", "暗色模式", "玻璃卡片", "提示詞徽章", "Day hero 怎麼設計", "design tokens", "design system", "color system", "glass cards", "typography", "look and feel", "視覺一致性", or any moment when the user evaluates aesthetics rather than behaviour. This is the cross-cutting visual authority — every stage (SPA, interactions, corporate edition, ebook) reads tokens from here so the brand stays coherent across formats.
Fix animation performance issues.
Visual testing - catch invisible buttons, broken layouts, contrast
Debug client-side issues using browser developer tools. Identify JavaScript errors, styling issues, and performance problems in the browser.