nexu-io/open-design✦ 精选0°

docs-page

仓库创建 2026年4月28日最近提交 3 小时前SkillHot 收录 20 天前

⬈ GitHub 仓库 ⬈ SKILL.md 原文件 ⬇ Raw 原始文件

▸ 精选理由

能快速生成真实感强的教程或 API 参考页面，结构清晰可用。

这个 Skill 做什么

产出单文件的三栏文档页面，含侧边导航与目录。

输出一个单文件的三栏文档页面：左侧导航、可滚动正文、中右侧目录/TOC，看起来像真实的 docs。适合写指南、文档、API 参考或教程，让内容像产品文档那样专业可用。特点是完整 HTML 可直接预览，保留代码块格式和排版规则。

▸ 展开 SKILL.md 英文原文

A documentation page — inline-start nav, scrollable article body, inline-end table of contents. Use when the brief mentions "docs", "documentation", "guide", "API reference", or "tutorial".

内容创作文档页面API 文档单页模板通用

8.2w

Stars

9.5k

Forks

仓库内 Skill

+6.3k

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/nexu-io/open-design/main/design-templates/docs-page/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/nexu-io/open-design/main/design-templates/docs-page/SKILL.md"

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

# Docs Page Skill

Produce a single, three-column documentation page in one HTML file.

## Workflow

1. **Read the active DESIGN.md** (injected above). Use the body type token for
   prose; the mono token for code; respect line-height and max-width rules.
2. **Pick a topic** from the brief — the page should look like real docs, not
   a generic wireframe. Concrete API names, command examples, plausible
   parameters.
3. **Lay out** three regions, expressed on the inline axis so the
   layout flips correctly under `dir="rtl"`:
   - **Inline-start nav** (240–280px, sticky): grouped link list, current
     page bolded with an `inline-start`-edge accent stripe. 3–5 groups
     of 4–8 links.
   -

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