5. Design & Creative

Expert skill for defining semantic color tokens, dark/light themes, and accessibility-compliant color palettes in design systems.

Creates platform-compliant iOS and Android app icons with correct specifications, safe zones, and export formats.

Enables integration of TradingView Lightweight Charts for interactive financial data visualization in web applications.

Expertly creates CSS-based motion design, micro-interactions, and hover effects to enhance user interface animations and interaction feedback.

Creates and edits visual diagrams including mind maps and flowcharts using Obsidian's .canvas file format for note organization and visualization.

Defines visual direction, brand aesthetics, and design principles for UI/UX projects, establishing cohesive visual identity and design system foundations.

Guides implementation of Apple's Liquid Glass design system in SwiftUI, covering glassEffect modifiers, container patterns, and anti-patterns for iOS/macOS 26+.

Extracts design assets, tokens, and metadata from Figma files via REST API for seamless design-to-code integration.

Provides UX/UI guidelines for React 19 and Tailwind v4, including design system, accessibility (WCAG 2.2), responsive patterns, and animation frameworks.

Provides intelligent UI/UX design capabilities with 50 styles, 21 palettes, and component libraries for modern web and mobile applications.

Generates F.18 style name cards with enforced Twin-Label and Sense-Seed validation for consistent visual output.

Enforces consistent design system token usage in Svelte UI components for typography, spacing, color, and component design adherence.

Generates 3D low-poly house scenes matching the Cloverhollow aesthetic for Fae-themed environments.

Builds accessible, customizable React UI components using shadcn/ui, Radix UI primitives, and CVA styling for modern design systems.

Provides Tailwind CSS styling patterns including CVA variants, data-slots, layout patterns, and z-index management for consistent UI design.

Generates a 3D low-poly model of Cloverhollow town exterior and key building entrances for game or visualization projects.

Creates, applies, and manages textures on Blockbench models using the Material Palette approach.

Automates export and integration of Blockbench models/textures into Fabrica mods with correct file placement and block/item definition updates.

Generates medieval manuscript-style illustrations for the Scholastic Bible using Gemini Imagen, suitable for Bible pages, parables, headers, and chapter art.

Implements 3D scene transitions including routing, fade effects, and spawn point configuration for visual applications.

Creates distinctive, production-grade frontend interfaces with high design quality, avoiding generic AI aesthetics for web components, pages, and UIs.

Generates F.18 style name cards with enforced Twin-Label and Sense-Seed validation for design consistency.

Enables 3D object detection and item interaction protocols for immersive visual applications and user engagement.

Generates flowcharts, sequence diagrams, and class diagrams for visual documentation and technical communication.