Examples
This page shows representative examples of sites that can be generated with Rabbithole. Each example includes the seed prompt used, notes on the expected output, recommended CLI flags, and guidance on when to enable or disable web tools.
All examples assume Rabbithole is installed and a provider API key is set. See Getting Started for initial setup.
On this page:
- ACAPA — Fictional Art College
- CGPA — Another Fictional Academic Institution
- Documentation Site (this site)
- News & Current Events Site
- Product Landing Page
- Configuration Comparison
- Tips for Writing Good Seed Prompts
Example 1: ACAPA — American College of Applied and Performing Arts
Seed Prompt
Homepage for ACAPA (American College of Applied and Performing Arts), a prestigious fictional art and design college. The site should feel like a real university website circa 2005-2010: slightly dated HTML, off-white background, dark red and navy color scheme. Include navigation for Admissions, Programs, Faculty, Campus Life, and Alumni. Feature a hero section with the tagline "Where Creativity Finds Its Form." List several degree programs: BFA Painting, BFA Sculpture, BA Graphic Design, MFA Studio Art, BA Theatre Arts, BA Film Production. Include a news ticker with upcoming events: Spring Gallery Opening, Senior Thesis Exhibition, Annual Film Festival. Show contact info for a campus in Burlington, Vermont.
Rendered Output (Approximate)
Recommended Invocation
rabbithole serve \ --seed "Homepage for ACAPA (American College of Applied and Performing Arts)..." \ --no-web-tools \ --model claude-3-5-sonnet-20241022 \ --port 8080
--no-web-tools? ACAPA is entirely fictional. Enabling web
tools would cause the LLM to search for real colleges, potentially pulling in incorrect
or conflicting information. For purely creative/fictional sites, disabling web tools
produces more internally consistent output and speeds up generation significantly.
Notes
- Because every page is generated independently, include the full ACAPA backstory (name, location, founding year, degree programs, color scheme) in every child page prompt. Rabbithole passes no shared state between pages.
- The slightly dated aesthetic (HTML tables, banner graphics, small fonts) is achieved purely via prompt instruction. Specify it explicitly.
- Links generated from this homepage will include pages such as
/admissions.html,/programs/painting.html,/faculty.html, etc., each generated on first visit. - See the live ACAPA demo for a full example.
Example 2: CGPA — College of Global Policy and Administration
Seed Prompt
Homepage for CGPA (College of Global Policy and Administration), a fictional graduate school focused on international affairs, public policy, and diplomacy. Set in Washington, DC. Professional, clean design reminiscent of a real policy school website (think SAIS, Fletcher, or Georgetown SFS). Dark blue (#002868) and gold (#BF9B30) color scheme, white background, serif body font. Navigation: About | Programs | Research | Faculty | Admissions | Events. Featured programs: MPP (Master of Public Policy), MIA (Master of International Affairs), PhD in Global Governance, Executive Certificate in Diplomacy. Include a "Research Centers" section: Center for Conflict Resolution, Institute for Trade Policy, Global Health Governance Lab. Dean's welcome quote. Washington DC address. Founded 1962.
Rendered Output (Approximate)
Recommended Invocation
rabbithole serve \ --seed "Homepage for CGPA (College of Global Policy and Administration)..." \ --no-web-tools \ --model gpt-4o \ --port 8080
Notes
- Both ACAPA and CGPA illustrate how Rabbithole can generate a convincing multi-page institutional site from a single paragraph of text.
- For academic demos, prompt for "5–8 faculty members with names, titles, and research interests" so that the faculty directory page has rich content on first generation.
- See the live CGPA demo.
Example 3: Documentation Site (This Site)
Seed Prompt
Documentation homepage for Rabbithole — an open-source Rust tool (github.com/ajbt200128/rabbithole, live at isarabbithole.com) that dynamically generates entire websites on the fly using LLMs. Each page is generated independently on first visit and cached permanently. Navigation: Home | Getting Started | Architecture | Configuration | Web Tools | Deployment | Examples | About. Design: plain minimal HTML like gcc.gnu.org or Craigslist. White background (#ffffff), system fonts Arial/Helvetica, no gradients, no shadows, no rounded corners. Blue links (#0000cc), visited purple (#551a8b). Pre/code with #f4f4f4 bg and 1px solid #ccc border. Dense layout, H2 with bottom border. Pipe-separated nav bar.
Rendered Output
Recommended Invocation
rabbithole serve \ --seed "Documentation homepage for Rabbithole..." \ --model claude-3-5-sonnet-20241022 \ --port 8080 # Note: web tools ON by default for accuracy
Notes
- The plain, dense aesthetic (no CSS frameworks, no gradients) is specified
explicitly in the seed. The LLM follows typographic instructions reliably when
they reference a well-known reference site (
gcc.gnu.org, Craigslist). - For documentation sites, include the full navigation structure in the seed so every generated page links consistently to the same top-level sections.
- The design system (colors, font stack, border styles, spacing) must be repeated verbatim in every child page prompt since there is no shared stylesheet across page generations.
Example 4: News & Current Events Site
Seed Prompt
Homepage for "The Ravenport Gazette", a fictional small-town newspaper serving Ravenport, Ohio (population ~12,000). Newspaper aesthetic: black-and-white, serif fonts (Georgia), narrow columns, masthead at top. Today's date in the masthead. Navigation: Local News | Sports | Opinion | Classifieds | Archives | About Us. Front page should include 4–5 headlines with brief lede paragraphs covering local topics: city council vote on new library, high school football recap, upcoming harvest festival, local business spotlight. Include a weather widget stub for Ravenport. Sidebar with "Most Read" stories and letters to the editor. Footer with founding year 1887.
Rendered Output (Approximate)
Recommended Invocation
rabbithole serve \ --seed "Homepage for 'The Ravenport Gazette'..." \ --model gpt-4o \ --port 8080 # web tools enabled (default) so the LLM can fetch today's date, # real weather data, and verify plausible current-events framing
--no-cache on specific routes. See
Configuration: Cache Options.
Notes
- Web tools are particularly valuable here: the LLM can confirm today's date, look up real weather APIs, and generate plausible local news copy grounded in current events rather than stale training data.
- Each article link (e.g.,
/news/library-vote.html) will generate a full article page on first click, complete with body copy, byline, and related links. - For a more realistic demo, add a specific geographic context to the seed: "Ravenport is a small town in central Ohio near Columbus, known for its corn festival and historic downtown." This grounds the LLM's invented content.
Example 5: Product Landing Page
Seed Prompt
Product landing page for "SynthGrid" — a fictional B2B SaaS tool for AI-powered spreadsheet automation. Modern, clean marketing site design. Dark mode option toggle. Primary color: indigo (#4F46E5). Navigation: Product | Pricing | Docs | Blog | Sign In | Get Started (CTA button). Hero section: large headline "Automate Your Spreadsheets. Ship Faster.", sub-headline, and a prominent "Start Free Trial" button. Features section with 3 cards: Natural Language Formulas, Instant Data Cleaning, One-Click Reports. Social proof: logos of 5 fictional companies. Pricing section: Free (0/mo), Pro ($29/mo), Enterprise (contact us). Testimonials from 3 fictional users. Footer with links to Privacy, Terms, Status, Blog, Careers.
Rendered Output (Approximate)
Recommended Invocation
rabbithole serve \ --seed "Product landing page for 'SynthGrid'..." \ --model claude-3-5-sonnet-20241022 \ --no-web-tools \ --port 8080
--no-web-tools for speed, enable for accuracy.
Notes
- Product pages benefit from specific brand color codes, font names, and layout descriptions in the seed. Vague prompts ("modern SaaS site") tend to produce generic Bootstrap-like output.
- The pricing page, feature detail pages, and blog will each be generated on first click. Include the full brand context (name, colors, tagline, pricing tiers) in every page prompt in the mappings.
- For a full marketing funnel demo, add: sign-up flow, onboarding wizard, and a
simulated dashboard at
/app/dashboard.html.
Configuration Comparison
The table below summarizes recommended settings for each example type.
| Site Type | Web Tools | Model Tier | Cache | Notes |
|---|---|---|---|---|
| Fictional / Creative (ACAPA, CGPA) | --no-web-tools |
Any capable model | Permanent (default) | Speed and consistency; no real-world data needed |
| Technical Documentation | Enabled (default) | High-quality model preferred | Permanent | Accuracy of API docs, config flags, crate names |
| News / Current Events | Enabled (default) | High-quality model preferred | Short TTL or --no-cache |
Stale cache is a significant concern |
| Product Landing Page | Optional | Any capable model | Permanent (default) | Use web tools only if referencing real tech |
| E-commerce / Catalogue | Optional | Any capable model | Permanent | Useful for demos; not for real inventory |
Tips for Writing Good Seed Prompts
The seed prompt is the only input to the homepage generator. Child pages receive
only the per-link prompt you write in the ---MAPPINGS--- block.
Good prompts share several characteristics:
1. Be Specific About Design
Instead of "a clean modern website," write "white background (#ffffff), Arial/Helvetica, 14px body text, blue links (#0000cc), H2 with a 1px solid #ccc bottom border, pre/code blocks with #f4f4f4 background." Concrete CSS values produce consistent output across independently generated pages.
2. Name All Navigation Targets Explicitly
List every nav item you want: "Navigation: Home | Getting Started | Architecture | Configuration | Web Tools | Deployment | Examples | About." This ensures the LLM generates matching link mappings for all top-level sections.
3. Include All Fictional Canon Upfront
For fictional sites, front-load all canonical facts: institution name, location, founding year, degree programs, key personnel, color scheme, and any invented terminology. Child page prompts must repeat this entire canon or generated pages will drift.
4. Reference a Known Design Aesthetic
Saying "design like gcc.gnu.org" or "like a 2004-era university website" gives the LLM a strong visual prior. This is more reliable than abstract descriptors like "professional" or "academic."
5. Specify Content Density
Explicitly request "dense layout with minimal whitespace" or "sparse, lots of breathing room." Without this, LLMs tend to default to a medium-density bootstrap-style layout regardless of the aesthetic goal.
6. Use --no-web-tools for Fictional Content
For purely invented sites, web tools slow generation without benefit and may cause the
LLM to import real-world facts that conflict with your fictional canon. Always use
--no-web-tools for ACAPA-style demos.
7. Seed Prompt Length
There is no hard limit, but prompts between 150–400 words tend to produce the best results. Too short: generic output. Too long: the LLM may lose track of structural requirements. For complex sites, front-load the most important constraints (design, navigation, branding) and let content details follow.
Live Demos
The following demo sites are hosted on isarabbithole.com and were generated entirely by Rabbithole from seed prompts similar to those above:
- ACAPA — American College of Applied and Performing Arts
— fictional art college,
--no-web-tools - CGPA — College of Global Policy and Administration
— fictional policy school,
--no-web-tools - The Ravenport Gazette — fictional local newspaper, web tools enabled
- SynthGrid
— fictional SaaS landing page,
--no-web-tools - Self-referential docs demo — this documentation site as a demo, web tools enabled
Further Reading
- Getting Started — install and run your first site
- Architecture — how generation and caching work
- Configuration — all CLI and config file options
- Web Tools — enabling search and fetch for real-time data
- Deployment — running Rabbithole in production
- GitHub Repository — source code and issue tracker