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
- 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
- Covered
- Oct 31 edition
- Evidence
- 11 sources across 10 sites
- 1Claude Code 3D Website Skill: 4 Agency-Level Sites in Daysreddit.com
- 2Claude Code + Higgsfield Builds 3D Websites!reddit.com
- 3Linked video: Claude Code 3D Website Skill: 4 Agency-Level…youtube.com
- 4API Evangelist: Agent Skillsblogs.apievangelist.com
- 5VentureBeat: Agent Skills open standardventurebeat.com
- 6ClaudeFast: Higgsfield MCPclaudefa.st
RisingHow 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 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]
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]
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
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 ().
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 ().
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 ().
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.
The source trail.
Sources (11)
Claude Code 3D Website Skill: 4 Agency-Level Sites in Days
Feed excerpt only. A transcript of the video linked from this page is supplied (linked video auto captions; https://www.youtube.com/watch?v=HePThybkbvA); automatic text may contain errors.
reddit.comClaude Code + Higgsfield Builds 3D Websites!
Related coverage; assess separately
reddit.comLinked video: Claude Code 3D Website Skill: 4 Agency-Level Sites in Days
linked video auto captions
www.youtube.com