Coding & Dev Tools

Configures AutoML pipelines with algorithm selection, feature engineering, and ensemble methods

Designs drum patterns and beats with genre templates, swing settings, and velocity humanization

Builds DeFi protocols with lending, staking, and liquidity pool implementations

Analyzes and optimizes firewall rules to reduce attack surface while maintaining connectivity

Designs gRPC services with Protocol Buffer definitions, streaming patterns, and error handling

Assesses image quality with blur detection, noise estimation, and aesthetic scoring

Calculates payroll with tax withholdings, benefits deductions, overtime, and multi-state compliance

Write news articles following AP style with inverted pyramid structure and fact attribution

Writes engaging video scripts with hooks, transitions, B-roll suggestions, and call-to-action placement

Creates size charts with measurement conversions, fit recommendations, and international sizing standards

Applies artistic styles to photographs using neural style transfer with fine-grained control

Creates SwiftUI views with data binding, animations, and platform-specific adaptations for iOS/macOS

Designs synthesizer patches with oscillator configurations, filter settings, and modulation routing

Creates comprehensive business plans with market analysis, financial projections, and competitive landscape

Implements gamification elements in educational content with points, badges, leaderboards, and quests

Use when designing or auditing AI product human-in-the-loop — write approval, proposal accept/reject, action confirm, spend caps, run detail, memory capture, or any AI action with irreversible blast radius. Trigger on confirmation UX, undo, cost-before-act, show-the-plan, citations, or keeping the owner in control.

Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays

Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress.

Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.

Three.js geometry creation - built-in shapes, BufferGeometry, custom geometry, instancing. Use when creating 3D shapes, working with vertices, building custom meshes, or optimizing with instanced rendering.

Three.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up IBL, or optimizing lighting performance.

Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.

Three.js materials - PBR, basic, phong, shader materials, material properties. Use when styling meshes, working with textures, creating custom shaders, or optimizing material performance.

Use when adding a fixed full-screen WebGL laser background with a thin white-hot vertical core, restrained brand-colored halo, and soft smoky fog. Prefer this over mengto-corner-lasers when the beam is a full-viewport WebGL background, not corner ornaments; not for full page layout, copy, or unrelated particle systems.

Use when replacing text brand marks with Iconify Simple Icons logos at 64x64. Prefer this over mengto-solar-duotone-bold when you need recognizable company/brand logos, not Solar Duotone UI icons.

Use when composing corner-anchored laser accents with thin beams, a bright emitter node, bloom, and atmospheric glow or fog. Prefer this over mengto-webgl-laser when lasers are layout corner ornaments, not a fixed full-screen WebGL beam.

Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms.

Use when building falling leaves that read as leaves (not confetti): each leaf tumbling on its own axis with sideways slip driven by that tumble. Covers 2D canvas and instanced 3D, recycling, density maths, depth layering, tone-mapped colour, reduced motion, and visibility pausing—for maple, sakura, blossom, ash, or snowfall shapes.

Use when adding decorative 01, 02, 03 numeric detail markers for section indexing or editorial rhythm.

Add vertical container-size guide lines with mini corner squares for precise, structured web layouts. Use when asked for container lines, measured layout guides, vertical boundary lines, editorial grid markers, or small corner-square frame details.

Create a globe-like 3D particle visualization with a dense luminous spherical core and thinner orbital ring or flattened disc. Use when a design needs a premium planetary, orbital, synthesized data-globe effect rendered with real WebGL/Three.js particles, not generic starfields or full page layout changes.

Create skeuomorphic web UI surfaces with layered gradients, stacked inner and outer shadows, reflective gradient borders, micro texture, and embossed text or icon details. Use when asked for pressed, carved, tactile, realistic, soft-plastic, soft-metal, or premium physical interface styling.

Three.js post-processing - EffectComposer, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.

Use when designing an archival book-reader experience with serif-led pages, mono index navigation, aged paper surfaces, margin notes, and a premium catalog frame.

Use when a Claude-Design export already exists and you must adapt it into a production page before render-verify — real data, honest empty states, existing tokens/components (never ship mock numbers). Prefer this over claude-design when generation is done and adaptation starts.

Create minimal framed grid layouts with thin visible boundary lines, L-shaped corner brackets, subtle diagonal line texture, and strict section alignment. Use when asked for clean, neutral, precise, structured, editorial, technical, or guide-border web layouts.