5. Design & Creative

Adjusts outline thickness settings for VRM MToon materials in three-vrm, covering width modes and scaling fixes.

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).

Guidelines for building accessible, reusable UI components using native-first design and compound patterns.

Converts vague math/science concepts into detailed scene sequences for 3Blue1Brown-style animations using ManimCE/ManimGL.

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

Generates publication-ready scientific diagrams including neural networks, biological pathways, and system flowcharts using AI-driven iterative refinement.

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.

Provides UI/UX design best practices for web and mobile frontend development, including pages, dashboards, and e-commerce interfaces.

Transcribes spoken videos, identifies verbal errors, and generates review drafts and deletion task lists for video editing.

Automates video editing using FFmpeg, iteratively removes mouth errors, and generates subtitles for professional output.

Generates and embeds subtitles into videos via transcription, correction, and review. Supports adding and managing subtitles.