Accessibility skills

This skill helps you set up Tailwind v4 with shadcn/ui, configure CSS variables, dark mode, and accessible forms in React projects.

This skill provides expert UI/UX guidance covering accessibility, design systems, research, and inclusive 2025 best practices to deliver user-centered

This skill helps you define contract-first UI with TypeScript interfaces and build server components using compound patterns for scalable components.

This skill translates Refactoring UI principles into Tailwind utility patterns, enabling consistent branding, responsive layouts, and accessible components.

This skill analyzes text readability using Flesch-Kincaid, Gunning Fog, and SMOG, providing scores, interpretations, and practical improvement recommendations.

This skill enables multi-value token input patterns with colon or comma triggers for tag inputs and filters, improving editing and suggestions.

This skill helps you create clear, practical technical writing with audience-aware structure and concrete examples to improve user understanding.

This skill iterates data-heavy UI designs to improve scannability, accessibility, and consistent systematization for polished products.

This skill helps you validate accessibility with screen readers by testing NVDA, JAWS, and VoiceOver and verifying ARIA and semantic HTML.

This skill guides building extensible SwiftUI style-driven components using Apple patterns like ButtonStyle and LabelStyle, enabling environment-based styling

This skill helps you apply Tailwind v4 best practices for consistent, accessible, and efficient styling with utilities, themes, and responsive patterns.

This skill helps you design premium, dark-mode UI views with consistent egui components and responsive layouts for finance apps.

This skill provides framework-agnostic autocomplete patterns and accessibility guidance to build robust combobox components with aria attributes and async

This skill helps you apply Tailwind CSS transforms, transitions, and animations to create dynamic UI effects with precise timing and origins.

This skill helps you generate cohesive UI components using Gemini Design, 21st.dev inspiration, and shadcn/ui with animated, accessible results.

This skill helps you build accessible, themeable React UI with shadcn/ui and TanStack Form, accelerating component, form, and dialog development.

This skill validates accessibility compliance across WCAG 2.2 AA, color contrast, keyboard navigation, ARIA, and semantic structure in code.

This skill helps you craft visually stunning interfaces by applying proven design principles, workflows, and iterative evaluation across aesthetics,

This skill creates animated, self-contained explainer visuals as HTML/CSS/JS to clarify ideas in essays and blog posts.

This skill helps you implement responsive design with Tailwind CSS by outlining breakpoints and container queries for adaptive layouts.

This skill helps you build accessible web experiences by default, enforcing keyboard usability, semantic markup, and inclusive contrast throughout.