Webgl Shader Fx
Builds hero-grade WebGL and shader effects — Three.js scenes, GLSL distortion, GPU particles, MSDF text, disciplined post-processing — that hold 60fps on real devices and degrade gracefully to a static poster. Every effect ships with a fallback ladder, recorded performance numbers, and an evidence log when recreating effects seen elsewhere. USE WHEN: "add a 3D hero", "WebGL background", "shader e…
Signature Interactions
Designs and builds the interactions people screenshot and remember — scroll-driven narratives, live page-to-page route transitions, custom cursors, brand-grade hover states, drag surfaces with real physics, kinetic type running in the DOM, loading choreography, and one well-budgeted easter egg — each prototyped in isolation and verified at 60fps under throttle before it touches the codebase. USE…
Award Judge
Adversarially judges any web build against the award rubric BEFORE it ships — calibrates against a fixtures/ anchor first, runs scripts/judge-evidence.mjs to build a labeled evidence pack (screenshots at three widths, Lighthouse, axe, reduced-motion pass; MEASURED/EMULATED/HUMAN rows), scores Design/Usability/Creativity/Content with cited evidence, runs the slop checklist, the two BLOCKED-level g…
Design Dna Forge
Extracts a reference site's design DNA — measurable tokens, perceived style, and named visual techniques — into a versionable three-layer JSON, then forces a divergence step so you regenerate an ORIGINAL design that keeps the feeling and none of the copying. USE WHEN: "make a site that feels like this reference", "extract this site's design system", "reverse-engineer these design tokens", "clone…
Ux Narrative
Structures award-grade sites so they convert — narrative arcs for landing pages, information architecture that survives heavy art direction, delight budgeting, and calm conversion flows inside designed worlds. USE WHEN: "structure this landing page", "what's the story of this site", "our beautiful site doesn't convert", "plan the scroll narrative", "map sections to story beats", "information arch…
Motion Choreography
Designs a project's complete motion system — token sheet, orchestration patterns, tool selection, spring tuning, scroll choreography, and reduced-motion parallel track — turning the suite's motion canon into project-grade choreography an agent can implement without inventing timing values. Owns the TIMING SYSTEM transitions obey (durations, easing, overlap), not the transition technique itself. U…
Video Motion Studio
Produces programmatic video, motion graphics, and product film for the web — Remotion compositions, product teasers, kinetic-type captions baked into a rendered film, Lottie/Rive motion assets, polished screen-capture demos, and scroll-scrubbed video, all cut to web performance budgets. USE WHEN: "make a product teaser video", "create a launch video", "animate this demo recording", "build a video…
Wow Director
Runs the full award-grade agency pipeline as a creative director — boots from the project taste ledger (design/TASTE.md) so settled taste stays settled, interrogates the brief down to one feeling, forces a choice between three concept territories, commits to a single signature moment, assigns sibling skills and budgets, and drives the build/judge/ship loop until verified numbers exist. USE WHEN:…