5. Design & Creative

Creates UI/UX mockups and HTML/CSS/JS prototypes for validating design concepts before implementation, without requiring a designer.

Facilitates pre-implementation exploration of user intent, requirements, and design for creative work such as feature development and component building.

Extracts design assets, metadata, and tokens from Figma files via REST API, supporting image exports and file structure analysis for UI research.

Designs scalable UI components using atomic design principles and composition patterns for React and Vue applications.

Creates a unified, ADHD-friendly web UI consolidating 70+ CLI tools into a macOS-inspired dashboard for AI File Organizer, replacing terminal interactions with intuitive file management and search.

Facilitates collaborative feature design sessions using Unified Pipeline methodology to convert ideas into actionable implementation plans.

Creates architectural blueprints by planning dimensions, materials, components, and construction sequence.

Adds decorative elements including vegetation, furniture, lighting, and weathering effects to visual design projects.

Analyzes building codes and structural issues, calculates boundaries, and positions new constructions for architectural design.

Validates UI/UX against visual quality standards, user flows, and use case coverage for frontend development and user experience review.

Manages creation, update, and validation of five design documents in .gaia/designs/ directory for UI/UX consistency.

Generates distinctive, production-grade frontend interfaces and UI designs with high visual quality, avoiding generic aesthetics and delivering polished code.

Provides GLSL ES syntax reference and Shadertoy conventions for creating procedural graphics, visual effects, and generative art in WebGL.

Enables browser-based creation and execution of live-coded music compositions, including patterns, drum sequences, and generative music via Strudel.cc.

Generates syntactically correct Mermaid diagrams to enhance technical documentation with visual representations.

Provides UI primitives for customizing chat interfaces, including ThreadPrimitive, ComposerPrimitive, and MessagePrimitive.

Provides comprehensive UI/UX guidelines, accessibility standards, and component usage instructions for the Epic Stack framework.

Generates presentation slides from Markdown with Deckset/Marp compatibility, handling image positioning and speaker notes.

Converts Deckset-formatted markdown slides with speaker notes into presentation videos with text-to-speech narration for seamless sharing.

Adds YouTube-style chapters to videos via transcription, content analysis, and structured markdown generation. Optionally creates highlight clips.

Generates Obsidian-compatible Mermaid diagrams with square layouts, avoiding markdown in labels for flowcharts and sequence diagrams in markdown files.

Creates and manages visual knowledge maps, summaries, and project timelines using Obsidian Canvas with automatic layout generation.

Generates brand-aligned social media posts, essays, and images using identity guidelines from a specified file.

Automates video subtitle generation and correction using STT and presentation materials.