Oct 31 edition/Reporting & analysis
CodingAgentsMultimodalBusiness

CodingSoftware & developer tools

Creator demos Claude Code skill that builds scroll-driven 3D brand sites using Higgsfield video and Three.js

A creator's video shows one Claude Code skill combining Higgsfield-generated video clips, image-to-3D product models and Three.js to build four scroll-driven mock brand sites. The creator credits storytelling rules and brand design systems for the polish.

From the r/AISEOInsider (via last30days) article of October 31, 2026 and cited sources: The skill runs a fixed pipeline. [3] [6] [8]

SOURCES[3] Linked video: Claude Code 3D Website Skill: 4 Agency-Level… youtube.com[6] ClaudeFast: Higgsfield MCP claudefa.st[8] Claude Code docs: Skills code.claude.com

AI-assisted, not human-edited. Methodology Corrections Who owns this site

KEY FACTS
What happened
The skill runs a fixed pipeline. [3] [6] [8]
Original source
r/AISEOInsider (via last30days) article, independent perspective
Brief by
AT Pulse research desk AI-assisted; publisher and contact on the desk page
When
October 31, 2026 article published
Evidence
11 sources across 10 sites
25/100RisingHow it’s measured

YouTube video · 880 views · 11 likes

Reach blends public engagement (views, likes, comments, shares, stars) from the platforms where the story or its original source lives: YouTube, Hacker News, GitHub, Substack and similar. A video and the article written from its transcript share one score, taken from the video. Platforms with no data are left out rather than counted as zero, and the age of a story never lowers its score.

THE CORE IDEAS4 TAKEAWAYS
01

The skill runs a fixed pipeline. It writes a five-scene storyboard, has Higgsfield's MCP connector generate 5-second Kling clips, and turns a product photo into a 3D model. It then builds the site in Three.js and checks it on desktop and mobile for flicker and overlap. [3] [6] [8]

02

The first versions looked generic, according to the creator. One relied on busy code-drawn effects. Another was all full-screen video with no menu or shop. The fix was one idea per scene, real site sections and a distinct palette, font and symbol for each brand. A person still reviewed all 34 clips. [3]

03

The skill is sold through a paid community, and its prompts and code are not public. Free open-source skills already pair Claude Code with Higgsfield for scroll-scrubbed video sites, and the Apple-style 3D scroll effect is often just a canvas image sequence rather than Three.js. [1] [9] [10] [11]

04

Running the workflow requires a paid Higgsfield plan, and every generation an agent triggers spends credits. Cost moves from agency labour to clip generation and regeneration. [7] [6]

WHY IT MATTERS

The building blocks are documented: Agent Skills and Higgsfield's MCP connector, plus similar open-source skills. Faster site builds are likely, but taste still decides the result.

Read the full assessment

The four-sites-in-days timeline is the creator's own account and conflicts with a claim of building everything in a morning.

The dossier is below.

Executive brief

A creator-marketing video (YouTube) says one Claude Code "3D website skill" built four mock brand sites "in a couple of days" from 34 AI-generated video clips and four AI-made 3D product models, with no hand-written code (00:10:52, 00:10:58). No outside source has checked these numbers. The skill itself is sold through a paid Skool community (linked post). The workflow it describes is real and easy to copy, though: Claude Code skills plus Higgsfield's MCP connector already power several open-source skills that build sites with scroll-driven video.

What changed and event timeline

  1. Anthropic launches Agent Skills

    Claude gains task modules that it loads only when needed. This is the mechanism the video's "3D website skill" depends on ().

  2. Skills become an open standard

    Anthropic published the specification at agentskills.io, so the same SKILL.md format can be carried to other coding agents ().

  3. Higgsfield ships an official MCP server

    Claude Code can now call Higgsfield's hosted image and video models, including Kling, Veo and Sora, by adding one connector URL ().

  4. Reddit post promotes the "3D Website Skill."

    It shows four demo brands and links the full skill to a paid Skool community (). A companion post in the same subreddit makes the same pitch ().

Capabilities and access

  • Orchestrator: Claude Code running a private skill. No Claude model version is named.
  • Video: Higgsfield calls "Kling" for 5-second 1080p clips (04:07). The Kling version is not given.
  • 3D: ChatGPT in the Codex app makes a product photo on a white background, then Higgsfield turns it into a 3D model (05:35).
Read the full section
  • Orchestrator: Claude Code running a private skill. No Claude model version is named.
  • Video: Higgsfield calls "Kling" for 5-second 1080p clips (04:07). The Kling version is not given.
  • 3D: ChatGPT in the Codex app makes a product photo on a white background, then Higgsfield turns it into a 3D model (05:35). Three.js renders it on the page.
  • Access: Higgsfield's connector needs a paid plan, and every agent-run generation spends credits (Higgsfield help). The skill is only available behind the paywall.

Technical analysis for researchers and developers

  • Pipeline as described: a five-scene storyboard (problem first, product as the answer, calm ending), then prompts written like camera direction, then video clips, then an image-to-3D model, then a site build, then QA on desktop and mobile that looks for flicker and overlap frame by frame (04:30, 09:47).
  • Skills mechanics: only the skill's description stays in context until it is invoked. The video reports no such eval.
  • Design rules in the skill: use real website structure (menu, hero, product section, FAQ, footer), give each brand its own palette, font and symbol, and use five ways to embed video, such as video inside text and pinned split screens (08:01).
Read the full section
  • Pipeline as described: a five-scene storyboard (problem first, product as the answer, calm ending), then prompts written like camera direction, then video clips, then an image-to-3D model, then a site build, then QA on desktop and mobile that looks for flicker and overlap frame by frame (04:30, 09:47).
  • Skills mechanics: only the skill's description stays in context until it is invoked. Anthropic's skill-creator plugin can run evals with and without a skill (Claude Code docs). The video reports no such eval.
  • Design rules in the skill: use real website structure (menu, hero, product section, FAQ, footer), give each brand its own palette, font and symbol, and use five ways to embed video, such as video inside text and pinned split screens (08:01).
  • Reproducibility: the skill, prompts and code are not public.

Claims and evidence

  • "Four sites in a couple of days," 34 scenes, zero hand-written code: the creator's own account only (10:52).
  • "Agency-level" quality: no outside review, performance or accessibility data.
  • Higgsfield makes 3D models: not confirmed by the reviewed Higgsfield docs or by ClaudeFast's MCP overview, which cover image and video only (ClaudeFast).
Read the full section
  • "Four sites in a couple of days," 34 scenes, zero hand-written code: the creator's own account only (10:52). The video also says "we build all of this in the morning," which conflicts with "a couple of days" (10:55). The creator profits from skill sales.
  • "Agency-level" quality: no outside review, performance or accessibility data.
  • Higgsfield makes 3D models: not confirmed by the reviewed Higgsfield docs or by ClaudeFast's MCP overview, which cover image and video only (ClaudeFast).
  • Independent corroboration: none found.

Context and prior work

Open-source versions of the same idea already exist: A tutorial points out that the Apple-style "3D scroll" effect is often a canvas image sequence, not Three.js (Tenten tutorial). The video's design adds an actual Three.js product model on top of that.

Read the full section

Open-source versions of the same idea already exist:

  • scroll-cinematic-claude uses Higgsfield clips cut by FFmpeg into about 180 frames, scrubbed on a canvas with Lenis smooth scrolling. It claims about $1–2 in credits per site.
  • scroll-world uses GPT Image 2 with Seedance.

A tutorial points out that the Apple-style "3D scroll" effect is often a canvas image sequence, not Three.js (Tenten tutorial). The video's design adds an actual Three.js product model on top of that.

Limitations, safety and contested findings

  • The creator says the first versions looked "amateur": busy code-drawn particles and labels, then pages full of video that had no menu or shop (06:42).
  • Higgsfield job statuses include failed and NSFW-flagged outputs, and video can take several minutes per job (ClaudeFast).
  • Claude Code docs note that skill shell commands go through permission checks and that organisations can switch skill shell execution off (Claude Code docs).
Read the full section
  • The creator says the first versions looked "amateur": busy code-drawn particles and labels, then pages full of video that had no menu or shop (06:42). Human review of all 34 clips was still needed (05:28).
  • Higgsfield job statuses include failed and NSFW-flagged outputs, and video can take several minutes per job (ClaudeFast).
  • Claude Code docs note that skill shell commands go through permission checks and that organisations can switch skill shell execution off (Claude Code docs). That matters when installing skills from third parties.
  • The page weight of video-heavy sites is not addressed in any reviewed source.

Business and practitioner implications

  • Cost shifts from labour to credits: agent-run generation always spends credits (Higgsfield help). Budget for regenerating clips, not just one pass.
  • The skill itself is a weak moat: free open-source skills cover most of the same pipeline, so check them before paying for gated ones.
  • Taste still decides the result: storytelling, brand systems and QA rules mattered more than the code, by the creator's own account.
Read the full section
  • Cost shifts from labour to credits: agent-run generation always spends credits (Higgsfield help). Budget for regenerating clips, not just one pass.
  • The skill itself is a weak moat: free open-source skills cover most of the same pipeline, so check them before paying for gated ones.
  • Taste still decides the result: storytelling, brand systems and QA rules mattered more than the code, by the creator's own account.
  • Before production: test load time, mobile data use and accessibility yourself. None of the reviewed sources measure them.
FOLLOW THE EVIDENCE

The source trail.

Sources (11)
A LITTLE LESS NOISE. A LOT MORE CONTEXT.

Stay curious.
Follow the evidence.

Independent perspectives, the original sources, and room for the questions that don't have easy answers.

How we build the brief
Connect with us

Find us where you already read.