Auto-Generative Personal Website with Claude Code скачать в хорошем качестве

Auto-Generative Personal Website with Claude Code

Claude Code built my personal website in 1 hour 45 minutes. Starting with a simple idea doc, I used plan mode to generate a full PRD, break it into 17 right-sized user stories, and execute them autonomously with my Ralph loop using strict TDD. Claude scaffolded a full MERN stack, configured GitHub, CI, branch protection, and security hooks, then wrote failing tests, implemented the minimum code to pass, opened PRs, merged, and repeated. The result: a live single-page site with light and dark themes, a MySpace mode, YouTube modals, X embeds, keyboard navigation, a custom 404, and a hidden Konami code Easter egg, deployed end to end in under two hours. Sharing my Claude Code Skills: https://github.com/edfenton/claude-sk... Check out the live site: https://www.thefinal10.ai/ 00:00 Welcome Back: Why Claude Code + What We’re Building 00:23 Kicking Off the MYRN Stack Setup (with a Timer) 01:40 The “Idea Doc” Walkthrough: Features, Themes & Easter Egg 03:54 Non‑Functional Requirements + The Ralph Loop for Autonomous Dev 05:30 Watching Claude Scaffold, Configure GitHub, CI, Hooks & Security 06:50 Plan Mode: Turn the Idea Doc into a Real PRD 08:41 Clarifying Questions: Layout, Video Modal, X Embeds, Deploy, Analytics 10:37 PRD Draft + Feature Brainstorm (404, Progress Bar, Badges, Widgets) 12:08 Implementation Plan: 17 User Stories, Context Window, and Compaction 16:13 Final PRD Generated: Reviewing Sections, NFRs, and Story Detail 17:22 Reviewing a Functional User Story (Acceptance Criteria, Files, Tests) 18:11 Right-Sizing Stories & Prioritizing the Build Plan 19:18 Generating PRD JSON for Ralph + Progress Tracking Files 20:33 First Ralph Run: TDD Loop, Fixes, PR, and Auto-Merge (Story 1) 22:38 Scaling Up: Running Stories 2–4 (Theme, Layout, Hero Bio) + Context Compaction 25:00 Trust but Verify: Manual UI Checkpoint & Screenshot Validation 26:25 Autonomous Finish: Full Site Walkthrough (Nav, Sections, Animations, Themes) 29:29 MySpace Mode, Konami Code Easter Egg, Shortcuts, and Wrap-Up/Deploy