Design skills

This skill guides RESTful API design using resource-oriented principles, enabling consistent, scalable endpoints with JSON responses and proper error handling.

This skill helps you build cross-platform mobile apps with Flutter and React Native, enforcing clean architecture, offline-first design, and platform-specific

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 write senior-engineer quality code by applying SOLID, TDD, and clean-architecture practices across features.

This skill automatically analyzes documents to generate themed illustrations in 16:9 or 3:4, including a cover image and multiple styles.

This skill helps you design, document, and review REST, GraphQL, and OpenAPI contracts for consistent, evolvable APIs that developers love.

This skill guides you through systematic code-quality reviews, improving correctness, design, security, performance, and maintainability with actionable

This skill verifies that implementations conform to documented specifications, checking interfaces, data models, and architecture to ensure compliance and

This skill delivers McKinsey-style problem solving by structuring analysis, generating hypotheses, and guiding end-to-end PPT-ready reports.

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

This skill guides you through planning, conducting, and synthesizing user research to inform design decisions and validate concepts.

This skill helps you craft and validate solution-design documents that define architecture, interfaces, and technical decisions for clear implementation

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 distinguish strategic from tactical work using LNO, Three Levels, and pre-mortems to guide architectural and product decisions.

This skill helps you design high-performing team culture using Stripe and HubSpot frameworks, defining values, rituals, and excellence standards.

This skill connects Figma design components to code implementations by locating matches and creating Code Connect mappings across your project.

This skill guides you from idea to working prototype by applying AI-first thinking, simplicity, and complete experience design to define MVPs and ship.

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

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

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