Accessibility skills

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.

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

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

This skill sets up visual regression testing with Storybook, generating stories, config, and CI workflows for Chromatic, Percy, or BackstopJS.

This skill helps you optimize decision speed by reducing choices in navigation, onboarding, and forms, applying Hick's Law to improve user flow.

This skill analyzes a project and implements purposeful UI animations for Next.js and Tailwind to enhance hero scenes, hover, and navigation.

This skill implements UI workflows in a React TypeScript frontend, wiring to existing APIs with design system compliance and accessible components.

This skill helps you build production-quality Rails UIs with maquina_components, using Tailwind and data attributes to ensure consistent, accessible interfaces.

This skill helps you implement RemixIcon icons across web, React, and Vue projects with line and fill variants for consistent UI.

This skill helps you design native iOS interfaces that align with Apple's HIG, ensuring accessible, safe-area aware SwiftUI/UIKit components.

This skill helps you craft world-class web experiences with premium typography, motion, and layout to reach Awwwards-level prestige.

This skill helps you apply Don Norman's design principles to everyday interfaces, improving discoverability, feedback, and fault tolerance for intuitive user

This skill helps you create modern Angular standalone components using v20+ best practices, enabling signal-based inputs/outputs, OnPush, host bindings, and

This skill guides you through setting up shadcn/ui, installing components, and building accessible, Tailwind-styled React UI patterns.

This skill helps you design and implement storefront features across pages, integrating best practices for UX, accessibility, and SEO to boost conversions.

This skill converts Figma frames into production-ready React, Vue, or HTML/CSS components using MCP mappings and design tokens.

This skill helps Obsidian plugin developers follow ESLint and best practices to write safe, accessible, and compatible plugins.

This skill helps you build consistent design systems with tokens, components, and theming across projects.

This skill helps you build accessible web applications by applying WCAG and ARIA patterns, ensuring keyboard navigation and screen reader support.

This skill helps you design accessible color palettes and contrast checks to ensure color-blind friendly visuals across interfaces and charts.