Claude Fable 5’s UI experiments, prompts and all

What it does

claude-directory is a curated gallery of self-contained web UI experiments—hero sections, landing pages, GLSL shaders, 3D scenes, and design systems—generated almost entirely by Claude Fable 5. It functions as a copy-pasteable parts bin for developers exploring AI-generated front ends, with stacks ranging from React and Tailwind to plain HTML and CSS. Every experiment ships with its originating prompt.md and a demo.mp4, so you get the code, the recipe, and the proof it rendered.

The interesting bit

The README openly admits the whole repo is “vibe coded,” which makes it unusually honest about its provenance. By archiving the prompts alongside the output, it turns a component dump into a prompt-engineering field guide—showing not just what Claude built, but how it was asked to build it. Even the contribution reviews are handled by Claude Opus, so the machine is effectively curating its own exhibition.

Key highlights

• 41+ hero sections and counting, plus categories for shaders, 3D scenes, animations, and full landing pages.
• Every project is self-contained and includes the originating prompt.md and a demo.mp4 screen recording.
• Stacks range from React/TypeScript/Vite/Tailwind to framework-free HTML/CSS/JS.
• Live browsable directory at pulkitxm.com/claude-directory.
• Low-friction contributions: PRs are reviewed and merged by Claude Opus.

Caveats

• The README warns that everything is vibe-coded and should be reviewed before production; check dependencies, accessibility, and responsiveness yourself.
• Some prompts were adapted from public design references (cnemri’s gist, motionsites.ai, and others), so originality varies by project.
• Code quality and production readiness are explicitly not guaranteed out of the box.

Verdict

Front-end developers and prompt engineers who want to see what Claude Fable 5 can actually ship in a browser will find this a useful shortcut. If you need battle-tested, accessible components ready for production without edits, treat this as a sketchbook—not a library.