Start with the right workspace
Open your preferred coding assistant or 3D tool. Use the model shown on the example as a starting point, and check any linked project for setup instructions.
Claude Fable 5.1Reference brief
Reference-driven Three.js portfolio
A reusable task brief reconstructed from the author’s public project description. It is not presented as a verbatim hidden prompt.
About this example
A starting brief based on the creator's public project, not a verbatim original prompt. Your result will vary.
Source-derived brief; exact hidden prompt was not public
Claude Fable 5.1Three.js websiteCRT effectparticles
The prompt
Recreate the supplied visual reference as a polished Three.js website with layered particles, VHS and CRT texture, fluid transitions and responsive interaction.
How to use this prompt
Choose one thing to change
Swap the subject, art style or setting. Keep the camera and interaction clear. Build a small version first, then refine one detail at a time.
Give the scene its own assets
For a custom character or prop, create a 3D model from a short object description or reference image, then bring it into your project.
Previews belong to their respective creators. Check the original source and project license before reusing code or assets.