← Back to Projects
Live Visit Site ↗

Church of Claude

The Church of Claude is a satirical website that reframes real Claude Code development advice as religious scripture. It features 27 canonical sacred texts, interactive React island components, a liturgical calendar, and a custom Theologian agent that mirrors church governance — proposing amendments but never enacting them unilaterally.

Church of Claude screenshot
Tech Stack

Frontend

Astro 5React 19 islandsTailwind CSS 4Framer MotionTypeScript (strict)

Content Pipeline

3 custom rehype pluginsBuild-time search index10+ TypeScript data extractorsElevenLabs TTSShiki syntax highlighting
Architecture Overview
  • 27 canonical sacred texts across 8 categories with 6 historical chronicles
  • 13 React island components (5,775 lines total)
  • BestiaryGallery, LiturgicalCalendar (SVG polar math), PromptBuilder, SearchModal (custom scoring)
  • ClergyLadder, SaintsGallery, Initiation ceremony components
  • 3 custom rehype plugins: prayer-blocks, dropcap, section-dividers
  • Build-time search index integration for fast client-side search
  • Content-to-code extraction layer with 10+ TypeScript data extractors
  • ElevenLabs TTS pipeline with intelligent text chunking
Claude Code Usage
8 agents 1 skill

Agents

The Theologian (Amendment/Audit/Review modes)code-reviewer (opus model)accessibility-testerSEO specialistcontent-architectreact-island-devrehype-plugin-devtts-pipeline-engineer

Skills

validate-plan

Highlights

  • The Theologian agent mirrors church governance — proposes amendments but never enacts them (AI safety as comedy)
  • Formal ratification process: Theologian proposes, human reviews, amendment is enacted or rejected
  • Code-reviewer agent uses opus model for thorough architectural reviews
  • Content-architect agent manages the sacred text taxonomy and cross-references
Key Accomplishments
  • Theologian agent that mirrors church governance — proposes but never enacts, making AI safety itself the joke
  • Bespoke ecclesiastical design system with liturgical typography and ceremonial animations
  • Content-to-code extraction layer converting sacred texts into typed data for React islands
  • ElevenLabs TTS pipeline with intelligent chunking for scripture audio narration
  • 13 interactive React island components totaling 5,775 lines of TypeScript
  • LiturgicalCalendar component using SVG polar coordinate math for circular date rendering