docs-page

仓库创建 2026年5月11日最近提交 13 天前SkillHot 收录 20 天前

▸ 精选理由

关注长读体验与代码/callout 展示，适合产品或开源文档站点。

这个 Skill 做什么

为 API/教程等长文档提供侧导航+正文+右侧 TOC 的三栏页面模板。

为 API 或教程类长文搭一套三栏页面：左侧粘性导航、正文区和右侧 TOC，顶部带 search、版本和主题切换，提升长时间阅读和快速跳转体验。对代码块、callout、表格做了细节优化（如暗色代码块、语言标签和复制按钮），让文档既好看又好用。特别适合需要把大量技术内容组织成易读且可导航的单页文档时使用。

▸ 展开 SKILL.md 英文原文

三栏文档页: 侧导航 + 正文 + 右 TOC

开发编程技术文档三栏布局代码样式通用

8.0k

Stars

780

Forks

仓库内 Skill

+399

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/nexu-io/html-anything/main/next/src/lib/templates/skills/docs-page/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/nexu-io/html-anything/main/next/src/lib/templates/skills/docs-page/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

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

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有