Ux skills

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

This skill helps you build beautiful, performant TUI games with TypeScript and blessed by providing patterns, templates, and best practices.

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

This skill helps transform vague ideas into actionable requirements through collaborative discovery and Socratic dialogue.

This skill converts PRD or story into complete page and component designs with ASCII layouts, interaction flows, and frontend implementation prompts.

This skill guides you to bootstrap and wire frontend dynamic plugins for Red Hat Developer Hub, delivering UI pages, routes, and theme integrations.

This skill designs UI animations and transitions, defining timing, micro interactions, and motion guidelines to enhance user experience.

This skill helps you work with Pencil MCP design files by guiding .pen handling, node layouts, and batch design operations.

This skill provides React and Polaris patterns for admin frontends, including translations, skeleton loading, and loadable components to accelerate UI

This skill helps you craft PRs and commits that clearly show user workflow impact through concrete before/after examples and emotional resonance.

This skill helps you implement OnboardJS in React projects to build multi-step onboarding with flow, persistence, and conditional navigation.

This skill guides Tailwind CSS v4 usage with utility-first patterns, theme variables, and maintainable composition for scalable UI.

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

This skill helps you implement design tokens and theming in SCSS modules using a two-tier system for consistent UI across apps.

This skill guides you through one-question-at-a-time brainstorming to transform vague ideas into clear, actionable product concepts.

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

This skill helps you create and maintain clear, AI-navigable documentation for codebases, guiding structure, content, and updates across docs.

This skill renders markdown content in a beautiful, readable layout with theme and display options for distraction-free reading.

This skill helps you navigate and reference Base UI documentation, components, and patterns to implement accessible, composable React UI efficiently.