mcpField
D
docs-page

docs-page

github.com/nexu-ioDesign & UI9.3k41 installsUpdated 2w ago
Repository

About docs-page

A design skill for single-page API and tutorial documentation, with an emphasis on long-form reading. Its layout combines sticky section navigation and a scroll-aware table of contents with a top bar for search, version, and theme controls.

Key features

  1. 01Sticky section navigation
  2. 02Article with code, callouts, and tables
  3. 03Scroll-aware table of contents
  4. 04Top-bar search and version display
  5. 05Theme switching

Use cases

  1. 01Design an API reference page
  2. 02Create a technical tutorial with a contents panel
  3. 03Add navigation and search to long-form docs

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/nexu-io/html-anything --skill docs-page

After installing, type/docs-pagein Claude Code to confirm it loaded.

Bundled filesexample.html

Details

From the project README

【模板: 技术文档页】 【意图】API / 教程文档单页, 长读体验优先。 【布局】

  • Inline-start nav (sections + sticky)
  • Article body (含代码块, callouts, 表格)
  • Inline-end TOC (sticky, scroll-spy)
  • 顶栏 search + version + 主题切换 【设计细节】
  • 代码块: 圆角 + dark + 语言标签 + 复制按钮
  • callout: info / warn / danger 三色

Comments

Markdown supported