How Can You Use Fable 5 to Build $10K Websites?

TL;DR

Use Fable 5 to build high-quality websites by designing one detailed prompt that defines the overall goal, grants creative freedom, provides tools, and requires self-verification. In the demonstrated experiment, Fable produced 25 fundamentally different sites with three iteration passes each in roughly 20 to 25 minutes by parallelizing work across sub-agents. Read on for the prompt structure, workflow, tools, and output examples.

Transcript

So given that we all have an additional five days of Claude Fable 5, I wanted to show you a simple and easy way that you could take Fable 5 and use it to essentially spin up an infinite number of progressively improving websites. I ran a pretty interesting experiment which was to let Fable design the highest quality websites that it thought that it... Read More

Key Insights

• Fable 5 can autonomously design websites without specific instructions, using its intelligence to create visually stunning results.
• The process involves crafting a detailed prompt and providing access to tools like Pinterest for inspiration.
• The model can create diverse websites using advanced visual techniques such as 3D graphics, animations, and unique font styles.
• Verification of the generated websites can be done using tools like Chrome DevTools MCP or a desktop app.
• Fable 5 uses sub-agents to parallelize tasks, allowing it to quickly produce multiple websites efficiently.
• The websites are hosted on Netlify, with a guide provided for users to replicate the process.
• Fable 5's design capabilities are showcased through its creation of various interactive and aesthetically pleasing websites.
• The model's outputs often surpass human design capabilities, highlighting the power of AI in creative fields.

Questions & Answers

Q: How do you use Fable 5 to create high-quality websites?

Design a prompt that describes the complete outcome instead of prescribing a rigid sequence for building one site. Give Fable creative freedom, access to useful image, video, animation, and hosting tools, plus a clear method for reviewing its own work.

Q: What did the website-generation prompt ask Fable 5 to produce?

The prompt requested 25 fundamentally different websites that demonstrated Fable's web-design capabilities, taste, and artistic style. It also required Netlify hosting, a /guide route explaining the process, and at least three iteration passes before approving each site.

Q: Why does the creator say to get out of Fable 5's way?

The creator found that Fable independently chose motion design, video, imagery, fonts, colors, and other visual techniques without being given a fixed structure. The recommended approach is to articulate the desired result clearly, supply tools and verification, and avoid unnecessary interference with the model's decisions.

Q: How long did Fable 5 take to generate the 25 websites?

Fable worked for roughly 20 to 25 minutes on the set of 25 websites. Because it spawned distinct sub-agents to parallelize the work, the creator calculated that the process averaged about one minute per website.

Q: What should happen during each website iteration pass?

After completing a site, Fable should inspect it closely for design problems and opportunities to improve or complexify the design. The prompt required at least three such passes before any site could be approved.

Q: Which tools and resources were included in the Fable 5 workflow?

The prompt allowed Fable to download inspiration from Pinterest, generate similar but different assets with GBT image 2, and animate them with Higsfield through an MCP containing animation models such as Cling. It also directed Fable to borrow ideas from advanced motion-focused websites and publish the results on Netlify.

Q: What visual and interactive features did Fable 5 create?

The generated sites used techniques including high-quality 3D elements, animations, unusual color palettes, novel font styles, variable font weights, and real shaders. Examples included a 3D particle swarm, a slowly rotating universe-like scene, a generated sprite, and a mini video game.

Q: How can someone replicate the demonstrated Fable 5 process?

Use the provided /guide prompt as a starting point and adapt its goal, creative freedom, tool access, hosting instructions, and review requirements. The creator says the prompt can also be copied into another model, while the generated websites themselves are intended to be available for others to use.

Summary & Key Takeaways

• Fable 5 autonomously designs high-quality websites by following a well-crafted prompt and utilizing tools like Pinterest for inspiration. This approach eliminates the need for complex frameworks, allowing for efficient and creative website generation. Users can replicate this process by accessing the provided guide and resources.

• The video demonstrates how Fable 5 can create diverse and visually impressive websites using advanced techniques such as 3D graphics and animations. Verification tools like Chrome DevTools MCP ensure the quality of the outputs, which are hosted on Netlify for easy access.

• By allowing Fable 5 to work autonomously, users can achieve results that often surpass human design capabilities. The model's ability to generate creative and interactive websites highlights the potential of AI in transforming web design processes.