Design skills

This skill helps design and review RFC-39 compliant Java REST APIs with standardized patterns for requests, responses, errors, pagination, versioning, and

This skill helps you refactor React components by applying scalable composition patterns to reduce boolean props and clarify APIs.

This skill improves layout and spacing to create intentional visual rhythm, transforming monotonous grids into balanced, readable compositions.

This skill collects design context from the project and persists it to your AI config for consistent, long-term guidelines.

This skill helps you add moments of joy and personality to interfaces, elevating usability with delightful, brand-consistent micro-interactions.

This skill helps you implement a responsive Flutter master-detail interface that adapts to screen sizes with multi-column layouts and mobile push.

This skill helps you build Rails UI with Kiso components and Tailwind theming, accelerating accessible interfaces and themed layouts in Hotwire apps.

This skill analyzes and refines typography to create clear hierarchy, consistent sizing, and improved readability across interfaces.

This skill amplifies visual impact in safe designs by applying contextual boldness principles to enhance memorability while preserving usability.

This skill helps you build responsive Flutter code editors with a reusable TwoPane and InputOutputPreview to render code and live previews side by side.

This skill designs and refines onboarding flows to help new users reach value quickly with clear guidance and empty-state optimization.

This skill helps you adapt Material Design 3 styling to Material Design 2 components via CSS variable overrides for cohesive theming.

This skill helps you normalize designs to your design system by aligning typography, colors, spacing, and components across features.

This skill distills complex designs to their essence, removing clutter to reveal clear, focused interfaces.

This skill helps you push user interfaces beyond expectations by proposing and selecting ambitious, cinema-like interactions before coding.

This skill teaches you to build a Figma plugin using Lit web components, covering setup, UI creation, code integration, and testing.

This skill helps evaluate interface design from a UX perspective, offering actionable critiques on hierarchy, IA, emotion, and usability.

This skill helps you customize Flutter Markdown with Material 3 styles for consistent typography and interactive links across apps.

This skill analyzes a feature and enhances it with purposeful animations and micro-interactions to improve clarity, feedback, and delight.

This skill helps you reduce visual intensity in bold designs while preserving impact, delivering refined, approachable aesthetics that still communicate

This skill enables layered reasoning across strategic, tactical, and operational levels to design consistent systems and communicate across stakeholders.