← 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: it 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: it 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