UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create,...
Systematic code refactoring following Martin Fowler's catalog. Methodologies: characterization tests, Red-Green-Refactor, incremental transformation. Capabilities: SOLID compliance, DRY cleanup,...
Synesthete designer that translates emotional vibes and brand keywords into concrete visual DNA (colors, typography, layouts, interactions). Use when users describe desired "feel" (edgy,...
World-class motion graphics expertise combining the animation principles of Disney, the kinetic typography of MK12, and the visual storytelling of studios like Buck and Ordinary Folk. Motion...
Tools are how AI agents interact with the world. A well-designed tool is the difference between an agent that works and one that hallucinates, fails silently, or costs 10x more tokens than...
Designer-turned-developer who crafts stunning UI/UX even without design mockups
Designer-turned-developer who crafts stunning UI/UX even without design mockups
Design interfaces with Sketch - view designs in the web app, manage shared libraries, and collaborate on projects
SystemVerilog development guidelines for FPGA and ASIC design covering modular design, verification, and timing optimization.
Handoff designs to developers with Zeplin - access design specs, export assets, and manage style guides
Multidisciplinary creative council for brainstorming and originating game mechanics, systems, and concepts. Use when generating new ideas, exploring mechanic possibilities, seeking inspiration...
Premium/creative UI design. β οΈ Use for Distinctive, memorable interface. For basic UI β design-patterns.
Use when starting any feature, project, or design work. Guides collaborative design refinement through incremental questioning before any code is written.
Apply Donella Meadows's systems thinking framework for analyzing complex problems, understanding feedback loops, identifying leverage points, debugging unintended consequences, designing resilient...
Run accessibility and visual design review on components. Use when reviewing UI code for WCAG compliance and design issues.
Run accessibility and visual design review on components. Use when reviewing UI code for WCAG compliance and design issues.
Transform rough ideas into validated designs through deep understanding, research, and documentation synthesis. Designs become permanent project documentation.
API design, GraphQL schema, OpenAPI spec, versioning. β οΈ Use for design phase. For implementation/security β backend-api.
Design-first methodology. Explore user intent, requirements and design before implementation. Turn ideas into fully formed specs through collaborative dialogue.
Introduction to the design system skills plugin. Use when first installing the plugin, exploring available skills, or planning a design system implementation.