Frontend skills

This skill helps ensure UI wireframes and UI decisions align with the design system, Storybook, and codebase patterns for cohesive experiences.

This skill maps dependency relationships with a DSM, scores risk, and recommends safe implementation sequences for multi-slice features.

This skill converts verified QA criteria into automated tests, turning passing scenarios into regression coverage to safeguard futures.

This skill helps you validate web app UI with Browser MCP and Storybook, capturing states, interactions, and errors to ensure quality.

This skill helps you build AI chat interfaces with streaming, context management, and multi-modal support for chatbots and assistants.

This skill standardizes user feedback and notifications across toasts, modals, and progress indicators to clearly communicate system state and actions.

This skill assembles AI Design Components outputs into production-ready component systems with verified tokens and proper scaffolding for React, Next.js,

This skill guides building accessible, multi-step forms with validation, data typing, and UX best practices for reliable user input collection.

This skill helps you design onboarding and contextual help systems that boost activation and feature adoption through guided tours and progressive disclosure.

This skill helps you design and implement internal developer platforms that boost DevEx through self-service templates, golden paths, and platform engineering

This skill helps you implement drag-and-drop and sortable interfaces in React/TypeScript, delivering accessible, touch-friendly interactions for kanban boards,

This skill helps you select, implement, and optimize data visualizations with accessible, high-performance charts across datasets and dashboards.

This skill provides a complete design token and theming system for consistent branding, theme switching, RTL support, and accessible UI.

This skill guides designing responsive layouts with grids, flexbox, and container queries to build adaptable, accessible interfaces.

This skill generates a comprehensive API handoff document for frontend teams, detailing endpoints, DTOs, validation, and edge cases for seamless integration.

This skill applies MUI v7 styling, theme, and responsive patterns to accelerate building consistent, accessible components with sx prop and hooks.

This skill helps you build type-safe React components with TypeScript, including hooks, events, and server routing integrations.

This skill helps document frontend data needs for backend developers, clarifying what data and UI actions are required.

This skill helps you build and evolve design systems with tokens, components, accessibility, and documentation templates for scalable UI.

This skill helps Rails developers create reusable ViewComponents with TDD workflows, enabling fast, testable UI for cards, badges, tables, and modals.

This skill helps you break down feature requests into actionable, implementable plans with tasks, timelines, and clear integration points.