Build $10K Websites in Minutes with Claude Fable 5
Claude Fable 5 can generate award-winning cinematic 3D scroll websites with one prompt by connecting to the Hexfield MCP for video and image generation. The process involves setting up Claude Code, adding the Hexfield connector, and using a pre-built prompt template to create portfolio, e-commerce, or product websites with AI-generated visuals—all without manual design work.
Why Claude Fable 5 Changes Website Building
One Prompt, Full Website
Claude Fable 5 can generate complete cinematic 3D scroll websites from a single prompt, including all visuals, animations, and layout. The AI handles everything from concept to deployment on localhost without manual intervention.
3D Scrolling Effects via Video Frames
The cinematic scroll effect is technically a video separated into multiple frames and images. This requires a 4K-capable image model like C-Dance 2.0 to maintain visual quality across the scrolling experience.
Fable 5 Availability Window
Claude Fable 5 is available at full capacity until July 7th on existing plans; after that date, it moves to usage-based pricing, making exploration during this window critical.
Setup: Connecting Claude Code to Hexfield MCP
Install Claude Desktop App
Start by installing the Claude desktop application and opening a new Claude Code session. Ensure you select Claude Fable 5 from the model dropdown.
Add Hexfield as Custom Connector
In Claude Code, click the plus button, select Connectors > Manage Connectors, then add a custom connector. Name it 'Hexfield' and paste the Hexfield MCP server URL from the Hexfield documentation (link provided in video description).
Authenticate and Fund Hexfield Account
Create a Hexfield account and add a few dollars of credit. Claude Code will redirect you to authenticate and grant access. Once confirmed, Hexfield appears in your connectors list and must be toggled on before use.
Effort Level Settings
Set Claude Code effort level between Extra and Max. Higher settings use more tokens but produce smarter, more detailed outputs. Extra is a good balance for most use cases.
Finding Inspiration and Building Your Site
Use Awards.com for Design Reference
Visit awards.com to browse award-winning websites in your niche (portfolio, e-commerce, product). You can either clone a design by referencing it in your prompt or create something original from imagination.
The One-Prompt Website Formula
Provide Claude Fable 5 with: (1) website type and brand/product name, (2) target audience and style references, (3) specific sections and content, (4) instruction to use Hexfield MCP for C-Dance 2.0 video and image generation. The prompt pack in the video description contains templates for portfolio, e-commerce, and product sites.
Live Demo: Abyssal Deep-Sea Expedition Site
Example Prompt Structure
The creator built 'Abyssal,' a fictional deep-sea expedition company site, using: 'Build me an award-winning cinematic 3D scroll website for Abyssal, a fictional deep-sea expedition company that takes civilians eight per year to the ocean floor aboard a submarine called the Erebus.' Then specified C-Dance 2.0 for visuals via Hexfield MCP.
Generated Content Includes Depth Zones
The Abyssal site automatically generated sections for different ocean depths (200m, 1,000m, 6,000m+) with corresponding visuals, pressure facts, and bioluminescent creatures—all AI-created from the single prompt.
Product Specs Auto-Generated
The Erebus submarine specs were automatically populated: 96-hour life support, 4,000m depth rating, 8-person capacity, $250,000 ticket price, March 2027 departure. All derived from the original prompt without manual data entry.
Portfolio Website Example
Personal Portfolio in One Prompt
The creator built his own portfolio by uploading a single photo of himself and prompting: 'Build me an award-winning cinematic 3D scroll personal portfolio website for [name], studied the style of award site of the year, huge bold typography, cinematic scroll visuals. Generate everything with C-Dance 2.0 on Hexfield MCP.' Claude generated all videos and images automatically.
Portfolio Template in Prompt Pack
The video description includes a prompt pack with a ready-to-use portfolio template. Simply replace the name field with your own and upload your photo; Claude handles the rest.
Iterative Editing Capability
After Claude generates a website, you can ask Fable 5 to modify any element—colors, sections, copy, layout. The model is highly responsive to refinement requests on existing builds.
Business Opportunity: AI Agency Services
Monetization Path for AI Agencies
AI agency owners can use this workflow to offer cinematic website design as a service. Portfolio websites are universally needed, and the one-prompt approach dramatically reduces delivery time and cost, enabling high-margin resale.
Custom Domain Deployment
Websites are initially generated on localhost (e.g., localhost:4890). Claude can be instructed to publish the site to a custom domain, enabling delivery of fully branded, production-ready sites to clients.
Bonus: Jarvis Personal Assistant Upgrade
Second Brain Upgraded to Fable 5
The creator upgraded his personal operating system and AI assistant 'Jarvis' from Claude Opus 4.8 to Fable 5, resulting in noticeably improved reasoning, calendar awareness, and conversational quality. This demonstrates Fable 5's capability beyond website generation.
Notable quotes
I'm shocked that this is made with one prompt. — Zubair Trabzada
All I did was just upload an image of myself and then it went ahead and created all of the videos and images. — Zubair Trabzada
This is an incredible opportunity for you to take advantage of this and sell these as services. — Zubair Trabzada
Action items
- Download and install the Claude desktop app, then open Claude Code and select Claude Fable 5 as your model.
- Create a Hexfield account, add a few dollars of credit, and copy the Hexfield MCP server URL from the Hexfield documentation.
- In Claude Code, add Hexfield as a custom connector by clicking the plus button, selecting Connectors > Manage Connectors > Add Custom Connector, pasting the URL, and authenticating.
- Toggle Hexfield on in your connectors list to enable access to C-Dance 2.0 and image generation models.
- Visit awards.com to find design inspiration in your niche (portfolio, e-commerce, product, etc.).
- Copy the appropriate prompt template from the prompt pack provided in the video description.
- Replace placeholder text (brand name, personal details, product specs) with your own information.
- Paste the customized prompt into Claude Code and execute it to generate your full website.
- Once generated, test the site on localhost and request refinements from Claude as needed.
- For production deployment, ask Claude to publish the site to your custom domain.