5. Design & Creative

Generates 3D models via OpenSCAD, including multi-angle previews, parameter extraction, syntax validation, and STL export for 3D printing.

Controls background music playback during VoiceMode voice sessions using the mpv media player.

Creates and modifies custom themes for PropertyWebBuilder, handling CSS, view templates, asset configuration, and theme registration.

Assesses themes for WCAG compliance, color contrast ratios, and visual/UX issues to ensure accessible and high-quality design.

Applies brand colors, typography, and visual standards to ensure consistent branding across all company artifacts and content.

Generates algorithmic art using p5.js with seeded randomness and interactive parameter exploration for flow fields and particle systems.

Provides modern web design principles for responsive layouts, accessibility, and visual hierarchy to enhance user experience.

Generates original visual designs in PNG and PDF for static art, posters, and creative pieces using design philosophy.

Optimizes 3D model interactions in Three.js with synchronized drag, zoom, and boundary detection to resolve movement discrepancies.

Enterprise UI/UX design expert specializing in design systems, component architecture, accessibility, and theming integration for scalable interfaces.

Generates enterprise-grade Mermaid diagrams for architecture, flowcharts, and sequence diagrams using MCP Playwright within Claude Code.

Adds Three.js post-processing effects including bloom, depth of field, and custom screen-space shaders for visual enhancements.

Creates custom 3D visual effects using Three.js shaders, including vertex/fragment programming and material extensions with GLSL.

Provides tools for managing 3D textures in Three.js, including UV mapping, environment maps, and optimization for visual content.

Enables creation and management of 3D animations using Three.js, including keyframe, skeletal, and morph target animations for visual content.

Configures and optimizes Three.js materials including PBR, basic, and shader materials for 3D mesh styling and texture handling.

Provides tools for implementing and optimizing lighting in Three.js 3D scenes, including light types, shadows, and environment lighting (IBL).

Enforces a consistent UI design baseline to prevent inconsistent AI-generated interfaces, ensuring adherence to predefined aesthetic and functional standards.

Reviews web interfaces against Vercel's design guidelines to ensure UI/UX quality, accessibility, and adherence to best practices.

Generates animated terminal demonstrations and GIFs from command descriptions or manual tape files for visual documentation and tutorials.

Generates implementation-ready UI design prompts by extracting design systems from reference UI images, ensuring consistent aesthetics for MVP development.

Extracts Mermaid diagrams from markdown and converts them to high-quality PNG images for visual documentation and sharing.

Generates professional slide decks with data-driven charts, speaker notes, and persuasive storytelling, supporting multiple formats including PowerPoint and Marp.

Accesses and delivers brand icons for AI/LLM models (e.g., Claude, GPT) from lobe-icons library in SVG/PNG/WEBP formats.