Skill6.7k repo starsupdated 11d ago

docs-page

The docs-page template from nexu-io/html-anything provides a three-column layout for technical documentation featuring a sticky left navigation with sections, a centered article body with code blocks and callouts, and a right sidebar with a sticky, scroll-synced table of contents. Use this template for API references, tutorials, and long-form documentation where organized navigation and reading experience are priorities.

View source Repository: html-anything

Install in Claude Code

Copy

git clone --depth 1 https://github.com/nexu-io/html-anything /tmp/docs-page && cp -r /tmp/docs-page/next/src/lib/templates/skills/docs-page ~/.claude/skills/docs-page

Then start a new Claude Code session; the skill loads automatically.

Definition

SKILL.md

【模板: 技术文档页】
【意图】API / 教程文档单页, 长读体验优先。
【布局】
- Inline-start nav (sections + sticky)
- Article body (含代码块, callouts, 表格)
- Inline-end TOC (sticky, scroll-spy)
- 顶栏 search + version + 主题切换
【设计细节】
- 代码块: 圆角 + dark + 语言标签 + 复制按钮
- callout: info / warn / danger 三色