Accessibility skills

This skill helps you design, review, and refactor React UI components with accessibility, composition, and TypeScript APIs following the components.build

This skill designs complete production-grade web pages with AI-generated images, delivering ready-to-deploy HTML/CSS/JS and visuals that match your aesthetic.

This skill performs a comprehensive frontend performance audit and delivers an actionable improvement plan to boost Core Web Vitals, accessibility, and SEO.

This skill helps you build consistent, themed FenUI WoW addons by guiding layout, widgets, and theming across panels, frames, and tabs.

This skill helps you design, validate, and transform design tokens using DTCG specifications across color spaces and resolvers.

This skill generates a comprehensive UI/UX design system and recommendations across colors, typography, and layout to accelerate product design.

This skill helps you validate, optimize, and ensure Mapbox style quality with automated tooling and accessibility checks for production readiness.

This skill helps you generate Excalidraw diagrams that convey concepts with hand-drawn aesthetics, spatial layouts, and accessibility-aware design.

This skill helps you generate complete micro-courses with scripts, visuals, audio, and previews for diverse platforms.

This skill helps you assess slide quality using a science-backed 12-point checklist to improve clarity and audience understanding.

This skill helps you create polished Slidev presentations by applying best practices for accessible, modular markdown slides with components, layouts, and

This skill helps you implement website development patterns using Astro 5, Tailwind, and Starlight to build responsive, accessible UI.

This skill performs a comprehensive UX/UI evaluation across visual, accessibility, usability, and design system domains to improve interfaces and user flows.

This skill helps internationalize and localize applications by extracting strings, applying ICU/Intl formatting, and organizing translation keys.

This skill helps define and apply design tokens across codebases, ensuring a cohesive design system, dark mode support, and UI consistency.

This skill helps you craft complete Storybook stories, Cosmos fixtures, and visual regression tests to turn components into polished, documented showcases.

This skill simulates user personas to uncover UI friction and report emotional impact, guiding improvements through cognitive walkthroughs and bias detection.

This skill converts prototypes into production-ready, accessible, type-safe frontend components with strict TS, a11y, and server-first patterns.

This skill helps you craft clear user-facing copy across microcopy, errors, onboarding, and accessibility with a strong voice framework.

This skill helps you implement accessible, headless Kobalte components in SolidJS, ensuring proper structure and focus management with portals and roots.

This skill helps you generate public-facing web forms with validation and file uploads for customer portals, surveys, and registrations.