Ux skills

This skill helps you create zero-dependency, animation-rich HTML slide decks from scratch or PPTs, delivering production-ready presentations with distinctive

This skill helps you benchmark competitors using Browser MCP and WebSearch to extract UI patterns and design insights.

This skill helps ensure UI wireframes and UI decisions align with the design system, Storybook, and codebase patterns for cohesive experiences.

This skill captures decision patine at Gates when KO or challenges, recording rationale and alternatives for future reference.

This skill standardizes user feedback and notifications across toasts, modals, and progress indicators to clearly communicate system state and actions.

This skill guides designing responsive layouts with grids, flexbox, and container queries to build adaptable, accessible interfaces.

This skill helps you design onboarding and contextual help systems that boost activation and feature adoption through guided tours and progressive disclosure.

This skill guides building accessible, multi-step forms with validation, data typing, and UX best practices for reliable user input collection.

This skill provides a complete design token and theming system for consistent branding, theme switching, RTL support, and accessible UI.

This skill helps you design and implement internal developer platforms that boost DevEx through self-service templates, golden paths, and platform engineering

This skill helps you implement drag-and-drop and sortable interfaces in React/TypeScript, delivering accessible, touch-friendly interactions for kanban boards,

This skill helps you build AI chat interfaces with streaming, context management, and multi-modal support for chatbots and assistants.

This skill applies MUI v7 styling, theme, and responsive patterns to accelerate building consistent, accessible components with sx prop and hooks.

This skill helps you build and evolve design systems with tokens, components, accessibility, and documentation templates for scalable UI.

This skill generates interactive HTML flowcharts and process diagrams with nodes, arrows, and swimlanes for clear workflow visualization.

This skill helps you generate interactive HTML dashboards with KPI cards and charts for metrics visualization and monitoring.

This skill helps you craft user-facing copy that follows Sentry brand guidelines across UI, errors, onboarding, and documentation.

This skill helps you design morphing icons by transforming three-line SVGs between states, enabling smooth, scalable icon transitions.

This skill helps review CSS pseudo-element usage and View Transitions API to ensure accessible hover effects, decorative layers, and smooth page transitions.

This skill enforces Flutter design system adherence by replacing hardcoded values with project tokens, enhancing consistency and maintainability.

This skill ensures type-safe navigation with go_router in Flutter apps, providing typed routes, redirection, and transitions for reliable routing.