Discover tools design skills, compare source repositories and read the instructions for each workflow.
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design,...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
Deterministic toon pipeline palettes, ramps, sprite baking, battle backgrounds
Google Material Design 3 (Material You) に基づいたUIデザイン。動的カラーシステム、アダプティブデザイン、アクセシビリティ重視。UIコンポーネント作成時に使用。Use when "Material You", "Material Design", "Google st...
Create custom DaisyUI themes from natural language descriptions. No token knowledge required.
UI design system toolkit for creating and maintaining design tokens, visual consistency, and developer handoff documentation. Trigger: When creating or updating design tokens, generating color palettes, documen...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
UI guidelines following the "Engineered Hardware" aesthetic.
Enforce a precise, minimal design system inspired by Linear, Notion, and Stripe. Use this skill when building dashboards, admin interfaces, or any UI that needs Jony Ive-level precision - clean, modern, minimal...
Design and implement UI/UX changes using existing components and Tailwind tokens; ensure accessibility. EXCLUSIVE to ui-ux-designer agent.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
Build mathematically correct, visually prominent data visualizations for time-series charts. Use this skill when creating charts with mathematical overlays (trendlines, patterns, indicators), fixing visual arti...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
Standardizes the adaptation of Magic UI components to the Curlew Finance "Organic/Editorial" aesthetic. Use this skill when implementing dynamic UI elements, animations, or micro-interactions.
Complete visual content system. Tron-meets-Excalidraw aesthetic - dark backgrounds, neon accents, hand-drawn sketch style.
Create distinctive, production-grade frontend interfaces with Adaptive Complexity. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that lever...
Create distinctive, production-grade frontend interfaces with high design quality using the primer design system and brand guidelines. Use this skill when the user asks to build web components, pages, artifacts...
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 avoid...
Expert UI design consultant with 10+ years of experience in visual interface design for complex systems, enterprise SaaS, and data-heavy products. Specializes in layout, grid systems, composition, typography, a...
Design beautiful iOS/iPadOS user interfaces following Apple Human Interface Guidelines (HIG). This skill should be used when creating SwiftUI views, designing app screens, implementing navigation patterns, choo...
Generate application icons for modern web and mobile applications in major image formats including PNG and SVG. This skill should be used when creating app icons, launcher icons, favicons, or PWA icons. It prov...
This skill should be used when the user asks to "generate image", "create image with nanobanana", "write image prompt", "make icon/pattern/sticker", or "image generation". Crafts effective prompts for nanobanan...
Panda CSSベースのデザインシステム管理。カラーパレット（OKLCH）、セマンティックトークン、スペーシング、フォントサイズ、レシピ（コンポーネントバリアント）の追加・更新・検証を行う。packages/panda-config/配下のデザ...
Generates ASCII-based architecture, data flow, or call graph diagrams for software projects. Use this when the user asks to "visualize", "draw", or "show the relationship" between code modules, especially in a...
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.