Skill UI

Build silhouette-aware parallax occlusion mapping in Three.js WebGPU with TSL. Covers height-field ray marching, refined relief UVs, flat or curved silhouette coverage, inflated shells, height-derived normals, marched self-shadowing and relief-aware shadow depth.

Build advanced procedural animation in Three.js for launches, gravity turns, staging, docking, spin alignment, spring-follow motion, debris, and quaternion control with frame-rate-independent updates.

Build authored procedural buildings and architectural kits in Three.js, covering massing grammars, exposed edges, façade bays, roofs, ornaments, material-slot mesh compilation, and deterministic variants.

Build coherent procedural scalar and vector fields for Three.js materials and geometry. This skill enables creating terrain, planets, biomes, and water masks by deriving multiple visual channels from shared causes. It emphasizes structured workflows, stable coordinates, and frequency bands to avoid visual soup.

Build production-grade procedural meshes in Three.js: profile extrusion, lofts, revolve, sweep, solidify, bevels and apertures, plus topology, coplanar, clash and semantic quality gates for hard-surface assemblies and humanoid robots.

Build high-quality 3D scenes, WebGL experiences, and interactive visual effects with Three.js. Covers scene setup, geometry, materials, lighting, animation, particles, and mouse-driven interaction for web-based 3D graphics.

This skill enables building large procedural oceans and coast transitions in Three.js using spectral methods. It supports WebGPU and TSL FFT oceans, multi-cascade wavelength bands, and coastal breakers. Features include finite-volume shallow-water waves, signed-distance coastlines, wet-sand transitions, and advanced underwater optics like Snell-window views and caustic god rays. Ideal for realistic aquatic environments with GPU validation.

This skill enables building view-aligned and screen-space surface effects in Three.js, including touch-history frost, ping-pong accumulation, and procedural rain droplets. It covers reduced-resolution blur, crystalline masks, and two-scale refraction through wet glass. Use persistent or procedural history explicitly without faking accumulation with noise.

This skill enables building production-ready analytic and bounded water systems in Three.js. It covers photorealistic shallow water simulation using gravity-capillary FFT waves, dispersive caustics, ray-traced volume optics, and Beer-Lambert absorption. Ideal for creating realistic pool, ocean, and water surface effects with accurate normals, refraction, and foam generation.

tRPC allows developers to build highly type-safe APIs in a full-stack environment without needing to write or maintain separate schemas. It provides end-to-end type safety from server routers to client components, supporting queries, mutations, subscriptions, and robust middleware. Ideal for building modern TypeScript monorepos, Next.js, or Remix applications.

This skill helps diagnose specific trust barriers within a target audience regarding a brand or offer. It prescribes exact credibility signals like proof, transparency, and credentials to build trust. It uses a psychological framework to calibrate messaging certainty and claim strength, ensuring ethical persuasion without manipulation. Ideal for marketing planning when skepticism affects conversion.

Configure Turborepo for efficient monorepo builds using local and remote caching strategies. This skill covers setting up build pipelines, optimizing CI/CD performance, and implementing distributed caching solutions like Vercel or self-hosted servers. It includes managing cache keys, outputs, and filtering packages for faster development workflows.