SuperAPI AI 工具集

docs-page

编程与开发

查看项目

更新于 10-16 01:20

技能介绍

用途:根据需求生成一个单文件的三栏文档页面,外观接近真实产品文档而非通用线框图。适用于需求中出现“docs”“documentation”“guide”“API”等文档类描述时。

主要能力:页面分三个区域——左侧导航(240–280px,sticky,分组链接列表,当前页加粗并带左侧强调条纹,3–5 组、每组 4–8 个链接);中间正文(约 720px,居中,含 H1、导语段、H2 分节、代码块、提示框、行内链接与列表);右侧目录(200–240px,sticky,“On this page”列出 H2/H3 锚点,随滚动高亮当前章节)。

输出要求:单个完整 HTML 文档,全部 CSS 内联;用 CSS Grid 实现三栏、用 sticky 定位两侧栏;代码块使用等宽 token、浅色底与复制按钮视觉提示(纯视觉,无需 JS);每个 H2/H3 带锚点 ID 以支持目录跳转;导航、正文、目录加 data-od-id。正文需至少 350 词可信文档内容,并至少包含一个 shell 命令、一个 5–15 行代码片段、一个提示框、一个表格。产出自检包括:正文在 60–75 字符换行、代码使用设计系统 mono token、强调色仅用于当前导航项/链接/一个提示框边框、1280px 可读且在 900px 以下优雅折叠(目录消失、导航变为顶部抽屉)。最终输出在 artifact 标签之间,前面一句话、后面不加内容。

限制:资料未提供具体依赖、安装方式或运行环境,暂未提供;工作流依赖注入的 DESIGN.md 主题 token。