Ux skills

This skill helps you generate structured brainstorming and research insights to fuel innovative BMAD development across phases.

This skill automatically generates project intro slide images using Nano Banana Pro, delivering ready-to-share visuals and a quality-checked best set.

This skill automates product demo video generation using Remotion, analyzing codebase, planning scenes, and parallel rendering to deliver visuals.

This skill guides non-technical users through VibeCoder in natural language, answering next steps and usage questions to keep development moving.

This skill helps you implement pixel-perfect frontend experiences that align with human-centered psychology and production-grade design systems.

This skill helps you choose and use Angular forms best practices, including signals and reactive forms, to validate, manage state, and simplify form handling.

This skill helps you build accessible, design-faithful React and Next.js UI using shadcn/ui, server components, and design tokens for performance.

This skill analyzes interview subtitles to suggest visual effects, then renders video with four themes after user approval.

This skill helps you elicit clear requirements, align stakeholders, and validate specifications using proven techniques.

This skill helps plan, conduct, and synthesize user research across interviews, personas, journeys, and usability tests for actionable insights.

This skill translates Figma designs into production-ready code with pixel-perfect fidelity and design-system integration using MCP server context for accurate

This skill helps you build AI-native products using modern prompt engineering, cost optimization, and rapid iteration to scale with 2025+ practices.

This skill analyzes vague prompts and returns a clear, optimized version with concrete details and actionable next steps.

This skill generates high-quality images using OpenAI and Google APIs with prompts, references, aspect ratios, and quality presets.

This skill generates production-ready React components with TypeScript, Tailwind CSS, and Zustand, accelerating UI development and ensuring consistency.

This skill analyzes UI designs and generates production-ready React components with TypeScript and Tailwind CSS, delivering layout, tokens, and reusable code.

This skill provides a comprehensive Flutter API reference guide that accelerates cross platform development by detailing widgets, layout, animations,

This skill helps you build WordPress UI components aligned with WPDS tokens and patterns, leveraging the MCP server for authoritative docs.

This skill generates and edits images using GPT Image 1.5, enabling quick visual creation and precise inpainting based on your prompts.

This skill helps you implement robust frontend components with React, Vue, or Angular, including accessibility, validation, and responsive UI guidance.

This skill helps you design scalable self-serve support and documentation to reduce tickets and boost user loyalty.