Comprehensive guide to ancient civilizations with timelines, maps, achievements, and cultural comparisons. Cover Egypt, Mesopotamia, Rome, Greece, China, India, and more in a richly detailed interactive reference tool built for students and history enthusiasts.
Build Prompt
Copy this prompt into Claude Code
Build a static HTML ancient civilizations guide. Dark theme: background #0a0a0f, surfaces #12121a, borders #1a1a2a, accent #a78bfa (violet). Data from inline const CIVILIZATIONS = [...].
Each civilization object: id, name, region, modernLocation, startYear (negative = BCE), endYear, peakPopulation, capital, language, writingSystem, government, religion, icon (emoji), color (unique hex per civ), summary, achievements (array: category + description), famousLeaders (array: name + reign + accomplishment), keyFacts (array of strings), decline (explanation of fall), legacy (lasting influence), tradePartners (array of civ IDs).
Layout: Sidebar navigation (left, 220px) listing all civilizations alphabetically with emoji icons, color-coded left border per civ. Clicking loads that civilization in the main panel.
Main panel sections:
1. Hero banner: civ name, region badge, date range (e.g., "3100 BCE – 30 BCE"), peak population chip.
2. Summary paragraph.
3. At-a-glance grid: capital, language, writing system, government type, religion — each in a small stat card.
4. Interactive SVG timeline bar: horizontal bar from startYear to endYear, proportional to a shared 6000 BCE–500 CE axis. Other civilizations shown as faint bars behind for overlap context.
5. Achievements accordion: expandable categories (Architecture, Science, Art, Military, Trade, Law). Each entry has an icon and description.
6. Famous Leaders: horizontal scroll card row.
7. Decline & Legacy: two-column text section.
8. Trade network: list of linked civilizations as pill badges with links.
Comparison mode: "Compare" button opens a modal to select a second civilization — render both side-by-side in a table format covering all at-a-glance fields, timeline overlap, and shared achievements category.
World map view: SVG map of the ancient world (rough continent outlines) with colored regions for each civilization's approximate extent. Click a region to navigate to that civ.
Seed 14 civilizations: Ancient Egypt, Sumeria, Babylon, Assyria, Ancient Greece, Roman Empire, Persian Empire, Maurya Empire, Han Dynasty, Maya, Aztec, Inca, Indus Valley, and Phoenicia.
SEO: title, meta, OG tags, JSON-LD FAQPage with 5 common questions about ancient civilizations.
Read the guide at https://accessagent.ai/api/guide and follow it to deploy the site to AccessAgent.ai. My email is [your@email.com].
Make It Yours
Focus on a Region
Narrow the scope to Mesoamerica, the Near East, or East Asia for deeper coverage with more civilizations per region.
Daily History Fact
Add a rotating "Today in Ancient History" panel that surfaces a date-matched event from any civilization.
Military Battles Map
Overlay significant battles on the world map with links to battle summaries and outcome significance.
Primary Source Quotes
Add a "Voices from History" section with direct quotes from ancient texts, inscriptions, and historians.
Technology Timeline
Show when each civilization invented or adopted key technologies — writing, iron, coinage, aqueducts, papermaking.
Quiz Generator
Add a multiple-choice quiz mode pulling questions from the civilization data for classroom assessment use.
Update Prompt
Update Prompt — Add more civilizations or expand existing entries
Add 5 more civilizations to the CIVILIZATIONS array: Carthage, Byzantine Empire, Viking Age Scandinavia, Tang Dynasty China, and the Ottoman Empire (early period). Include full data for each including achievements, famous leaders, decline, and trade partners. Redeploy.
SEO Tips
Target "ancient Egypt facts for students," "Roman Empire achievements list," and "comparison of ancient civilizations" — all high-volume academic searches.
Add JSON-LD FAQPage markup answering questions like "What was the first civilization?" and "Why did Rome fall?"
Create anchor-linked dedicated sections per civilization so individual URLs like /ancient-civilizations-guide#egypt can rank.
Publish content updates timed to school history curriculum cycles (August–September and January).
Include a "cite this page" section with formatted academic citations — teachers and students will link back to authoritative sources.
Monetization Ideas
Affiliate links to history books, documentaries, and museum online shops for each civilization covered.
Downloadable printable timeline posters and comparison charts for classroom purchase.
Sponsored content partnerships with history streaming services (Netflix, CuriosityStream, Magellan TV).
Display advertising targeting history enthusiasts and AP World History students via Google AdSense.
Premium teacher resource pack: lesson plans, rubrics, quizzes, and slide decks aligned to curriculum standards.