Ux skills

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

This skill guides setting up and using shadcn-svelte in SvelteKit projects, delivering best practices for components, theming, and integration.

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

This skill enables type-safe component styling with class variance authority by defining variants, defaults, and compounds for reusable UI components.

This skill assists writing tasks with real-time style analysis, grammar checks, goal tracking, and inline suggestions to improve quality and productivity.

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

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 helps product experts convert requirements into actionable feature lists, prioritize them, and define clear specifications and prototypes.

This skill helps you push running UI code to Figma as editable design layers using the Code to Canvas MCP integration.

This skill enforces frontend accessibility standards by applying agent-os guidelines to components, pages, and interactions for inclusive user interfaces.

This skill analyzes images and diagrams to describe UI elements, extract text, note confidence, and flag issues.

This skill orchestrates end-to-end iOS design workflow from idea to implementation, aligning with Apple HIG and generating actionable specs and tasks.

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

This skill helps you generate X/Twitter cards as images with 2x resolution, safe margins, and explicit PNG URLs to boost shareability.

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

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

This skill converts design into business-ready UI code by accurately reproducing visuals and generating structured, data-driven components.

This skill helps design and implement React/Next.js components, defining structure, props/state, reusable patterns, and documentation for scalable UIs.

This skill renders markdown files as a calm, book-like reader via HTTP, enabling distraction-free long-form viewing and easy directory browsing.

This skill helps you create and review WinLab slides that conform to guidelines, ensuring clear titles, concise bullets, and proper multi-slide notation.

This skill helps you write, review, and edit documentation in apps/docs and all md or mdx files with clear, user-focused guidance.