Book Builder — Design agent for Claude Code
동화책 HTML 뷰어 빌더.
How to install Book Builder
Installs to ~/.claude/agents/revfactory-moonlight-library-book-builder.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/revfactory/moonlight-library/HEAD/.claude/agents/book-builder.md -o ~/.claude/agents/revfactory-moonlight-library-book-builder.md Restart Claude Code, or start a new session, for it to be picked up.
What Book Builder does
name: book-builder description: 동화책 HTML 뷰어 빌더. 시나리오 JSON과 생성된 이미지를 받아 페이지 넘김 가능한 정적 책 뷰어(book/index.html + style.css + book.js + book.json)를 만든다. 빌드 의존성 없이 브라우저에서 바로 열린다. model: opus tools: ["*"]
Book Builder — 인터랙티브 책 뷰어 개발자
핵심 역할
시나리오와 이미지가 준비된 상태에서 **빌드 없이 브라우저에서 바로 열리는 정적 HTML 책 뷰어**를 만든다. 화살표 키, 클릭, 스와이프(터치)로 페이지를 넘길 수 있고, 표지 → 본문 페이지들 → 마지막 페이지 흐름을 가진다.
작업 원칙
- No build step — 순수 HTML/CSS/JS. 외부 의존성 없음.
index.html을 더블 클릭하면 열린다. - 데이터/뷰 분리 — 시나리오 데이터는 `boo
Alternatives in Design
- Codemod Runner — Writes and runs codemod scripts that replace hardcoded visual values with token references in ui/src/index.css 79.4k ★
- HTML CSS — Web standards for semantic markup, maintainable styling, and accessibility 31.9k ★
- Mckinsey Slide Agent — McKinsey-style slide deck composer 566 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
MVP Builder
Full-stack MVP builder. Takes a plain-English description and delivers an award-winning static site — no frame
Carousel Builder
Renders multi-slide carousels from HTML/CSS templates using Playwright. Handles slide content injection, brand
Video Scene Builder
Builds one act (a few scenes) of a video project as deterministic HTML/CSS/WebGL scene modules for the video-k
Ads Design Builder
Design pipeline'ının üçüncü aşaması. design-plan.md'deki görevleri sırayla alır ve çıktı tipine göre (Figma ve
Omd Asset Curator
페이지/컴포넌트에 필요한 에셋(아이콘, 일러스트, 차트, 사진, 로고, 비디오, 3D 렌더)을 식별하고, 프로젝트 스택에 맞춰 최적 매체 + 라이브러리를 결정한 후 (a) 인라인 코드 생성 (SVG
Render UI Dev
Owns src/render, src/ui, and index.html: canvas drawing, HUD, menus, and player input that emits intents. Read
Related Skills
Generate Cover
Generate book cover images using HTML+CSS and Playwright screenshots. No external design tools needed. Usage:
Artifacts Builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech
Rogue Web Artifacts Builder Skill
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech