Analysis updated 2026-05-18
Browse examples of landing pages, hero sections, and portfolio layouts generated entirely by AI.
Read the exact prompt that produced a specific web page to learn effective prompting patterns.
Copy a prototype's code as a starting point after reviewing it for production readiness.
| pulkitxm/claude-directory | mattpocock/sextant | tauri-apps/meilisearch-docsearch | |
|---|---|---|---|
| Stars | 172 | 173 | 171 |
| Language | TypeScript | TypeScript | TypeScript |
| Last pushed | — | 2020-11-25 | 2026-07-04 |
| Maintenance | — | Dormant | Active |
| Setup difficulty | easy | easy | moderate |
| Complexity | 1/5 | — | 2/5 |
| Audience | vibe coder | pm founder | developer |
Figures from each repo's GitHub metadata at analysis time.
Each project is self-contained, review the code and test accessibility before using anything in production.
claude-directory is a collection of experimental web pages, hero sections, and interactive prototypes, all generated with Claude Fable 5 (an AI model from Anthropic). The author used the AI to produce the code for each project and gathered them here as a public showcase. The repository description calls the work "vibe coded," meaning the projects were created quickly through AI generation rather than careful manual development, and the README advises reviewing the code, checking dependencies, and testing accessibility before using anything in production. Each project lives in its own self-contained folder. The types of projects included are landing pages for fictional products, hero sections with full-screen video backgrounds, portfolio layouts, sign-up forms, and visual experiments with effects like liquid glass styling, scroll-scrubbed video, shader-based backgrounds, and animated text reveals. Most use React with TypeScript and Tailwind CSS, though a few are single HTML files with no framework. Alongside each project's code, the folder includes a prompt.md file containing the exact text that was given to the AI to produce the output. This makes the collection useful for people curious about what kinds of prompts generate what kinds of results. The project table in the README lists around forty entries with a brief description and the technology stack for each. The repository accepts contributions. Adding a project requires including the prompt file and a short screen recording of the page working. Pull requests are reviewed and merged by Claude Opus (the AI model) rather than a human maintainer. There are no issue templates or contribution guidelines beyond those two requirements.
A public showcase of experimental web pages and interactive prototypes generated with Claude Fable 5, each paired with the exact prompt used to create it.
Mainly TypeScript. The stack also includes TypeScript, React, Tailwind CSS.
Setup difficulty is rated easy, with roughly 5min to a first successful run.
Mainly vibe coder.
This repo across BitVibe Labs
Verify against the repo before relying on details.