revfactory

Book Builder — Design agent for Claude Code

Design community

동화책 HTML 뷰어 빌더.

How to install Book Builder

Installs to ~/.claude/agents/revfactory-moonlight-library-book-builder.md

Terminal

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 ★
Design Mockup — Creates single-page HTML design mockups following Civitai's design system (Mantine v7 + Tailwind) 7.2k ★