Design skills

This skill guides structuring Flutter apps with MVVM, feature-first organization, and clean layers to improve scalability, maintainability, and team

This skill converts TECH-, RISK-, and FEA- inputs into ARC- entries and coherent system designs that guide implementation.

This skill transforms bare HTML into a cohesive, styled design by injecting base CSS and applying standardized classes.

This skill exports, enriches with vision AI, and renders browsable Are.na blocks for quick search and viewing.

This skill converts user journeys into a structured screen flow, mapping screens, navigation, and design system elements for PRD v0.4.

This skill helps you implement Flutter animations effectively by choosing implicit, explicit, hero, staggered, and physics-based approaches for smooth UX.

This skill discovers Mobbin UX patterns, generates a design spec for approval, then implements research-backed interfaces.

This skill analyzes table columns and delivers a unified header filter with adaptive filter components for an optimal filtering UX.

This skill helps you design and implement world-class SwiftUI interfaces with accessibility, performance, and Apple-like polish across platforms.

This skill helps design AI loading UX by guiding reasoning displays, progress steps, and streaming indicators to reduce perceived wait time.

This skill provides direct, actionable UI/UX critiques focused on clarity, hierarchy, accessibility, and craft to improve design reviews and ship-ready

This skill guides rough ideas into structured designs through collaborative dialogue, exploring options and validating incrementally.

This skill helps you design accessible, themed color systems with harmony, dark mode support, and color-blind friendly palettes across brands.

This skill defines your visual direction and brand aesthetics to guide consistent asset creation across images and graphics.

This skill generates a complete Godot 4.5 UI system from natural language descriptions, including responsive layouts, menus, HUDs, and dialogs.

This skill helps you craft deliberate microinteractions, timing, and accessibility-conscious feedback to guide users and improve perceived performance.

This skill explains code changes or designs at beginner, intermediate, and expert levels to improve understanding and reveal gaps.

This skill generates platform-optimized social graphics and posts to boost engagement on Instagram, LinkedIn, Twitter, TikTok, and Pinterest.

This skill initializes a feature spec workflow from idea to actionable tasks, guiding scope, requirements, design, and branch creation.

This skill generates branded visual elements such as logos, icons, patterns, and illustrations to reinforce your brand identity.

This skill guides you to design clear error states and recovery flows that help users resolve issues quickly and confidently.