Skill UI

This skill specializes in threat modeling methodologies like STRIDE and PASTA for security architecture reviews and risk assessment. It helps identify attack vectors, prioritize security risks, and design mitigation strategies to build secure-by-design systems. Ideal for security audits and system design phases.

Build a measured exposure and grading path in Three.js with a 64x36 luminance meter, async readback, weighted log-average exposure, asymmetric adaptation, single tone-map ownership, and a generated 32-cube post-tone-map LUT.

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.