Accessibility skills

This skill guides you through creating reusable Gluestack UI v4 components, covering planning, structure, styling, TypeScript, and accessibility best practices.

This skill routes UI tasks to specialized external skills based on project needs, optimizing design, code quality, and frontend outcomes.

This skill helps you implement professional theming and design token systems for brand-consistent Streamlit apps with easy theme switching.

This skill helps you select and integrate Composable Svelte components with props, state, and accessibility patterns for fast, cohesive UI development.

This skill helps you build comprehensive Next.js App Router documentation sites with live previews, code samples, and accessible, theme-aware UI.

This skill helps assess and improve web accessibility by auditing WCAG compliance, keyboard navigation, color contrast, and screen reader compatibility.

This skill helps you validate web app UX with human testers, capturing real user feedback and visual issues not caught by automation.

This skill helps you quickly access Flux UI docs and implement free FluxUI components with Tailwind and Livewire guidance.

This skill helps you pick Lucide icons that symbolize concepts or UI contexts with real icon recommendations and rationale.

This skill generates comprehensive React component tests (Vitest + RTL) for a specified UI component, covering rendering, interactions, accessibility, and edge

This skill guides frontend responsive practices to create mobile-first, fluid layouts with adaptive typography and accessible, performant UI across devices.

This skill helps you apply UI/UX design patterns for an LMS, improving navigation, accessibility, and responsive layouts across pages.

This skill applies Anduril design constraints to UI work, ensuring sharp corners, single accent usage, and accessible, lightweight typography.

This skill helps you style Blazor MudBlazor components with responsive CSS isolation and material design patterns for scalable UIs.

This skill helps you craft infographic Mermaid diagrams that tell a visual story using emojis, theming, and accessible, organized layouts.

This skill helps you write reliable Playwright tests by enforcing semantic selectors, proper waits, accessibility checks, and isolation across viewports.

This skill helps you design and implement production-grade frontend interfaces with distinctive aesthetics, translating design references into precise code

This skill adds meaningful aliases to Obsidian notes to improve cross-language linking, searchability, and natural navigation.

This skill helps you design beautiful, accessible interfaces with cohesive theming, color harmony, and Tailwind-powered implementation guidance.

This skill plans user interaction tests and writes Playwright E2E tests based on UX/UI specifications to ensure quality flows.

This skill helps you design and refactor reusable UI components across frameworks with clear interfaces and robust state management.