Doc Builder
Turn rough content into a clean, branded, responsive interactive HTML document. Trigger on "interactive doc", "HTML doc", "turn this into a doc", "make this look good", "style this", or when the user wants a document output instead of a PDF. Covers pitch decks, investor updates, sales proposals, one-pagers, articles, memos, strategy docs. Output is a single self-contained HTML file with TOC, collapsibles, slide nav for decks, and paged layouts for proposals. Works on mobile and prints cleanly.
Install
npx skills add naggarwal1/doc-builder --skill doc-buildergit clone --depth 1 https://github.com/naggarwal1/doc-builder.git /tmp/doc-builder
mkdir -p ~/.claude/skills
cp -r /tmp/doc-builder/. ~/.claude/skills/doc-builderPersonal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.
From the SKILL.md
# Doc Builder Turn unstructured content into a clean, branded, responsive **interactive HTML document**. ## When to use this skill The user has something to say (a rough draft, an outline, bullet points, a memo-in-their-head) and wants a finished document. They may mention "interactive doc," "interactive HTML doc," "HTML doc," or no format at all. Common triggers: - "Turn this into an interactive doc" - "Make this an interactive HTML doc" - "Turn this into an investor update" - "Write me a board memo based on these notes" - "Make this pitch proposal look good" - "I need a one-pager for [thing]" - "Here's my draft, can you style it" - "Produce an HTML doc for this" Use Doc Builder instead of writing a Word doc, Markdown file, or static HTML page when the user wants something that actually *responds* to the reader: a doc with a table of contents that jumps to sections, collapsibles for detail, slide-by-slide navigation for decks, paged layouts for proposals. The output is called an **interactive HTML doc** because the distinction matters. A static PDF is a sheet of paper in digital form. An interactive HTML doc adapts to the device, lets the reader navigate, and carries structure the reader can act on. ## What the output looks like
Details
- Skill name
doc-builder- Repository
- naggarwal1/doc-builder
- License
- MIT
- Repo updated
- 16 April 2026
FAQ
What does the Doc Builder skill do?
Turn rough content into a clean, branded, responsive interactive HTML document. Trigger on "interactive doc", "HTML doc", "turn this into a doc", "make this look good", "style this", or when the user wants a document output instead of a PDF. Covers pitch decks, investor updates, sales proposals, one-pagers, articles, memos, strategy docs. Output is a single self-contained HTML file with TOC, collapsibles, slide nav for decks, and paged layouts for proposals. Works on mobile and prints cleanly.
How do I install the Doc Builder skill?
skills CLI (Claude Code, Cursor, Codex and more): npx skills add naggarwal1/doc-builder --skill doc-builder. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.
Is Doc Builder popular?
It lives in naggarwal1/doc-builder, which has 5 GitHub stars and 1 forks.
Related skills
Seedance Storyboard
5ouxxyy/storyboard-scavenger
将任何想法转换成 AI 视频分镜提示词（Kling 可灵 / Seedance 即梦 / Sora 等）。当用户想要生成视频、制作短视频、创作分镜、使用可灵/Kling、Seedance/即梦、Sora、Runway 等 AI 视频工具时调用。
Web Fetch
6code-yeongyu/web-fetch
Fetch a URL and save the body to a temp file so you can pipe it through rg / jq / awk instead of dumping the whole page into the conversation. Use this whenever a user gives you a URL to read - articles, docs, PRs, gists, README files, blog posts, anything HTTP. Returns a path on disk; the agent then greps the path for the relevant section and quotes only what matters. Strongly preferred over the built-in webfetch tool when (a) the page is more than a few KB, (b) the user wants to find a specific phrase / table / code block on the page, (c) you need to keep the long page out of context, or (d)
Speedread Report
5jordan-gibbs/speedread-skill
Turn a markdown summary/report into a pop-up RSVP speed-reader the user can consume at 500+ WPM. Use when the user asks for a report, summary, digest, or research writeup they want to "speedread", or says things like "make me a report and load it into the reader". Writes the report as markdown, injects it into a self-contained HTML reader, and opens it in the browser.
Understandable
6hsheimbuch/understandable
Makes Claude's prose easy to read on the first pass, using findings from the 2026 study "Why is AI-generated language so hard to understand?" (Clark, Martin, and Mahowald). Use it when the user says a reply is dense, cryptic, jargon-heavy, hard to follow, or "Claudish", or asks for plainer or clearer wording. Also use it when writing or editing prose that people will read closely, such as explanations, end-of-task summaries, documentation, READMEs, and pull request descriptions. It can cover Claude's own replies for the rest of a session, or rewrite and check text and files that the user suppl
User Story Mapping
5tomershahar/user-story-mapping-skill
Use when a user wants to create, facilitate, or generate a user story map for a product or feature — either guided step-by-step (coaching mode) or from a raw requirement (generation mode).
Stop Slop Zh
6wdkang123/stop-slop-zh
Remove predictable AI writing patterns from Chinese prose. Use when drafting, editing, rewriting, or reviewing Chinese blogs, reports, essays, product analysis, and social posts to make them specific, natural, and authorial without changing facts.
Browse the most popular Claude skills, all writing & content skills, or write your own with the skills generator.