Design skills

This skill helps you audit and fix web accessibility issues for WCAG compliance, providing actionable code fixes and guidance.

This skill helps you design interfaces that reveal complexity progressively, balancing beginners' clarity with experts' control to reduce cognitive load.

This skill helps you choose SwiftUI architecture patterns and explain when to use MV, MVVM, and @Observable for scalable apps.

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

This skill guides you to write maintainable, performant CSS across frameworks using design tokens, methodologies like BEM, CSS modules, and utility classes.

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

This skill helps you implement state-driven navigation and Motion One animations for modals, sheets, and route transitions in Composable Svelte.

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

This skill helps you design graph-based agent workflows with branching, chaining, suspend/resume, streaming, and observability for reliable AI tasks.

This skill helps you craft detailed UI/UX component specifications, including states, interactions, and variants, for Consistent design systems.

This skill analyzes product images to extract attributes and generates styling recommendations for photography, helping you plan cohesive shoots.

This skill helps evaluate design proposals for real-world feasibility, team capability, timelines, maintenance cost, and proven patterns to ensure practical

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

This skill provides RESTful API design guidance to ensure consistent endpoints, clear responses, and scalable documentation across services.

This skill helps you generate brand-consistent visuals across assets by analyzing brand guidelines and producing cohesive, high-quality visuals.

This skill helps you decide when to use Zustand for shared UI state versus useState for local state, ensuring clean architecture.

This skill extracts a precise workflow narrative from conversation into a structured markdown flow for accurate design and specification.

This skill helps you design consistent API interfaces and DTOs with unified ApiResponse, camelCase fields, and validation at command boundaries.

This skill extracts design tokens from a reference site or screenshot and generates a complete design-system.md for your project.

This skill translates Figma designs into pixel-perfect Storybook components, enforcing one-at-a-time extraction, exact dimensions, and iterative refinement

This skill helps Aurora Tailwind styling for forms and components by applying layout, theming, and responsive patterns with dark mode support.