Ux skills

This skill helps you design, implement, and troublehoot visionOS WidgetKit widgets with mounting styles, textures, and LevelOfDetail aware layouts.

This skill transforms resume bullets into detailed portfolio case studies, crafting compelling narratives and polished sections for showcasing impact.

This skill converts UI screenshots into production-ready React code with responsive layouts and accessible HTML/CSS.

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 identify performance bottlenecks and implement measurable optimizations to speed up loading, rendering, and interactions.

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

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

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

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 add moments of joy and personality to interfaces, elevating usability with delightful, brand-consistent micro-interactions.

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

This skill performs a post-implementation finalize checklist, auto-verifying lint, tests, docs, UI quality, and hygiene to prep for merge.

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

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

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

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

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

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

This skill generates accessible, responsive HTML/JS web designs from descriptions, with automated verification and optional framework support.

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

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