5. Design & Creative

Tools for creating and manipulating 3D geometries (BufferGeometry) in React Three Fiber, including custom shapes and instanced meshes.

Guides collaborative design refinement via incremental questioning to shape features and projects before development begins.

Provides UI/UX implementation for Three.js building games, including prefab save/load, undo/redo, ghost previews, and multi-select mechanics.

Routes GLSL shader projects to specialized techniques (fundamentals, noise, SDF, effects) for optimal visual implementation.

Provides UX patterns for complex forms including multi-step wizards, cognitive chunking, progressive disclosure, and conditional fields to enhance user experience in checkout and onboarding flows.

Provides platform-specific building systems with inclusive design patterns for mobile, VR, and accessibility, including touch controls, spatial input, and colorblind-friendly feedback.

Performs audio analysis using Tone.js and Web Audio API for frequency data, amplitude, and waveform extraction to enable visualizations and audio-reactive features.

Creates visual effects and animations that respond to audio input, including beat detection and frequency mapping for music visualizers.

Efficiently renders large-scale particle effects (e.g., snow, rain, stars) using GPU instanced rendering and custom shaders for high-performance visualizations.

Adds cinematic post-processing effects including chromatic aberration and depth of field to 3D scenes for enhanced visual storytelling.

Provides GLSL procedural noise functions for generating organic textures, terrain, and natural effects like clouds and water in real-time graphics applications.

Provides GLSL utilities for creating procedural 2D/3D shapes using Signed Distance Functions (SDFs), including boolean operations and raymarching fundamentals.

Offers visual shader effects including bloom, chromatic aberration, and distortion for post-processing and stylized rendering in graphics applications.

Orchestrates complex GSAP animation sequences using timelines, labels, and nested choreography for cinematic UI/UX motion design.

Manages particle systems including emission, death, trails, and memory-efficient recycling for visual effects in games and animations.

Provides Tone.js-based audio playback for background music, sound effects, and synchronized audio events in web applications.

Router for audio domain handling playback, analysis, and audio-reactive visuals for creative applications like music, sound effects, and visualizers.

Router for managing 3D web experiences with React Three Fiber, shaders, particles, and GSAP animations in creative coding and interactive installations.

Captures screenshots of application windows for visual documentation, design review, and creative content creation.

Standardizes Marp slide creation rules including image placement in slides/images/ and build/preview workflows via Bun commands.

Enforces a minimalist, precise design system for dashboards and admin interfaces, inspired by Linear, Notion, and Stripe.

Provides CLI UI design standards including alignment, color schemes, and icon usage, inspired by Claude Code's terminal display mode.

Creates comprehensive brand guidelines, visual identity systems, and positioning strategies for businesses and products.

Expert UI/UX design for React applications, applying design thinking, accessibility standards, and user psychology to optimize user experience and solve design challenges.