5. Design & Creative

Applies RE9 Iterative Prototyping to rapidly cycle through build-test-learn phases, incrementally increasing design fidelity for user-centered solutions.

Applies Gestalt Integration to perceive and leverage holistic patterns, enhancing design coherence and user experience.

Applies subtractive thinking methodology to simplify systems by removing unnecessary elements, enhancing clarity and user experience.

Applies CO11 Pattern Composition (Tiling) to efficiently combine repeating elements for constructing complex visual structures in design.

Generates innovative solutions by forcing unrelated concepts together to uncover unexpected connections and emergent properties.

Generates diagrams using the D2 language, providing a preferred alternative to Mermaid for visualizing workflows and structures.

Provides a macOS 'say' style interface for ElevenLabs text-to-speech, enabling easy audio generation for creative projects and accessibility.

Generates and edits images using Google's Gemini 3 Pro Image model for creative content creation.

Guides iterative design refinement using Socratic questioning to evolve raw concepts into polished, actionable UI/UX solutions.

Reviews UI code for compliance with Vercel Web Interface Design Guidelines, ensuring visual consistency and user experience quality.

Encodes design taste into structured systems to maintain premium visual and user experience standards.

Splits video files into segments under 200MB for upload, sharing, or storage, supporting ffmpeg-compatible formats.

Splits video files into size-limited segments (default 200MB) for efficient video production and handling.

Automates consistent UI/UX design enforcement across sessions, applying design choices once to maintain visual coherence in interface development.

Creates smooth web animations, transitions, and motion designs using Framer Motion and CSS for interactive user interfaces.

Enforces brand design standards including OKLCH color palette, accessibility (WCAG 2.1 AA), dark mode, and CSS utility classes for consistent UI implementation.

Breaks down design approaches into small, validated sections for user-centered development and iterative refinement.

Facilitates collaborative idea generation and validation to clarify user intent and shape initial design concepts when requirements are ambiguous.

Applies flat/paper design system via `@web-loom/design-core` for consistent theming and token pipelines across UI components.

Provides design guidelines for Skeleton UI components in Svelte projects, including composition patterns, theme systems, and layout presets for UI development.

Provides programmatic access to Figma design files with tools for retrieval, export, component extraction, and team collaboration via Code Mode.

Creates warm, nature-themed UIs with glassmorphism, seasonal decorations, and accessible design patterns for Grove platform pages.

Offers pre-defined panel patterns for game design, including atmospheric suggestions and scenario-specific templates for combat, travel, and social interactions.

Designs campaign frames for Daggerheart, defining tone, themes, community guidance, and mechanics for storytelling.