A Claude plugin that turns a one line brief into a deployed, scroll driven 3D website. Live URL out, source written back to your folder.
Skill Claude CodeCodex
Executes ONE section of a site plan handed to it by site-planner, using real-time WebGL (Three.js) rather than frame-scrub video. Builds a procedurally modeled or abstract 3D scene that responds to scroll position — camera orbit, morphing geometry, particle effects. No AI video/image generation needed; the "3D" comes…
Skill Claude CodeCodex
Generates or ingests the source visual asset (image or video) for a single section, before video-scroll-effect or 3d-scene-effect builds with it. Handles Higgsfield generation, user-supplied clip/image validation, and delegates the actual render-polling to the frame-pipeline agent. Called by video-scroll-effect or…
Skill Claude CodeCodex
Executes ONE section of a site plan handed to it by site-planner, using a real-time Three.js scene with clickable hotspots — clicking a hotspot animates the camera to a named waypoint (product-tour/showroom feel), rather than being driven by scroll or cursor position. Does NOT decide site structure or content depth …
Skill Claude CodeCodex
Executes ONE section of a site plan handed to it by site-planner, using a canvas-2D particle system that trails the cursor — atmospheric/decorative, not a product-showcase technique like the other real-time engines. Scroll still pins the section and drives overlay copy; cursor position drives the particles. Does NOT…
Skill Claude CodeCodex
Executes ONE section of a site plan handed to it by site-planner, using a flat editorial 2D layout (real headline/paragraph/stats, normal document flow) with a smaller embedded Three.js object as an inline visual — NOT a full-bleed pinned scene like the other real-time techniques. Does NOT decide site structure or…
Skill Claude CodeCodex
Executes ONE section of a site plan handed to it by site-planner, using real-time Three.js rendering plus cannon-es rigid-body physics — objects sit on a floor plane and respond to gravity, collisions, and mouse drag-to-throw interaction. Does NOT decide site structure or content depth — site-planner owns those…
Skill Claude CodeCodex
Executes ONE section of a site plan handed to it by site-planner, using a real-time Three.js scene driven by CURSOR POSITION instead of scroll progress. Scroll still pins the section and drives overlay copy/reveal-lines like the other techniques; pointer movement drives the camera/scene parallax itself. Best for…
Skill Claude CodeCodex
Handles the small set of design decisions specific to scroll3d sites that a general design-taste tool wouldn't know about — sampling accent colors from actually-generated footage, capping overlay text density against scroll-timing math, choosing safe text-contrast against unpredictable video frame content, and sizing…
Skill Claude CodeCodex
Owns the shared project scaffold every scroll3d site is built from — the canonical index.html shell, the base.css stylesheet, and choreography.js (scroll-progress calculation, reduced-motion detection, resize/DPR handling, pointer-normalization and color math). Not user-facing, never invoked directly; the technique…
Skill Claude CodeCodex
Plans a scroll-driven 3D website before any generation happens — decides section structure, content depth, and 3D treatment based on the product itself, or clones the structure/effects/positioning of a reference site if one is provided. Hands off a structured site plan to whichever technique skills…
Skill Claude CodeCodex
Executes ONE section of a site plan handed to it by site-planner, using the canvas image-sequence scrub technique (frame-scrub video, not WebGL). Generates the visual (or uses a user-supplied clip), slices it into frames with ffmpeg, builds that section, and deploys the finished site to a live URL. Does NOT decide…