Skill for creating and managing a Design System using Tailwind CSS and shadcn/ui.
Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns.
Unified team skill for UX improvement. Systematically discovers and fixes UI/UX interaction issues including unresponsive buttons, missing…
Write realistic usability task scenarios with success criteria and facilitation notes.
Generate cinematic AI image prompts for YouTube thumbnails, LinkedIn posts, and social media visuals in Dhruv's signature style.
Use when the task asks for a visually strong landing page, website, app, prototype, demo, or game UI.
Rethinks experiences for different platforms and contexts — not just resizing, but reconceiving.
Create distinctive, production-grade terminal user interfaces.
Protocol for creating UI/UX designs using Pencil, Figma MCP, and Playwright.
First-principles UI/IA reasoning: turns a `<scenario>` + API field set into JTBD analysis, principle-anchored field-priority decisions…
Implements UI components from scratch based on design references (Figma, screenshots, mockups) with intelligent validation and adaptive…
Opinionated, evolving constraints to guide agents when building interfaces.
Specialized UI/UX evaluator for the Evaluate-Loop.
PRD to UI wireframe/structure stage: Used when the PRD's interface definition needs to be converted into screen inventory, state model…
This skill helps agents use Figma's use_figma MCP tool in the FigJam context.
This skill helps agents use Figma's use_figma MCP tool in the Slides context.
Diagram screen-level paths, decision points, and branch logic.
Create a structured UX research plan for any product question or feature.
Image generation and presentations. Use when: - User asks for images: logos, icons, app assets, diagrams, flowcharts, architecture…
Structured visual QA verdict for screenshot-to-reference comparisons
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support.