菜单
为 Agent Skill 生成统一的落地页（landing）、手册页（manual）和 SKILL.md 源文档页（source）HTML。基于统一设计规范，确保所有 Skill 介绍页面视觉语言一致。触发场景：(1) 用户要求为某个 skill 生成 landing/介绍页面；(2) 用户要求为某个 skill 生成 manual/手册/文档页面；(3) 用户要求展示或渲染 SKILL.md 原文；(4) 用户要求生成 skill 介绍页、文档页或源码页。输入：skill 名称 + skill 文档内容。输出：三个互相链接的 HTML 文件。
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/Divem/yuanwen-skills --skill skill-landing-generator命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | skill-landing-generator |
| description | 为 Agent Skill 生成统一的落地页（landing）、手册页（manual）和 SKILL.md 源文档页（source）HTML。基于统一设计规范，确保所有 Skill 介绍页面视觉语言一致。触发场景：(1) 用户要求为某个 skill 生成 landing/介绍页面；(2) 用户要求为某个 skill 生成 manual/手册/文档页面；(3) 用户要求展示或渲染 SKILL.md 原文；(4) 用户要求生成 skill 介绍页、文档页或源码页。输入：skill 名称 + skill 文档内容。输出：三个互相链接的 HTML 文件。 |
| metadata | {"author":"wen.yuan"} |
为任意 Agent Skill 生成一组统一风格的 HTML 页面：落地页 + 手册页 + SKILL.md 源文档页。
所有页面必须严格遵循 references/design-token.md 中的设计规范。生成前必须先读取该文件。
设计规范涵盖：色彩系统、字体系统、间距系统、组件规范、布局规范、交互规范、代码高亮规范、命名约定。
读取目标 skill 的文档（SKILL.md / README.md），提取：
参考 assets/landing-template.html 的结构。顶部导航必须同时包含手册页和 SKILL.md 源文档页入口。
Hero 徽章规则：如果 skill 有远程来源链接（GitHub 仓库、SkillHub 页面等），Hero 顶部显示来源链接徽章（.repo-badge，等宽字体展示地址，左侧点击跳转，右侧按钮一键复制地址，复制成功显示 ✓ 反馈）。图标按域名选择：github.com 用 GitHub 图标，其他远程链接用通用链接图标。如果没有来源链接，则完全不显示徽章。
核心区块：
Nav (sticky)
├── Hero（双栏：文案 + 终端模拟器）
├── 前置条件（双栏：说明 + 代码块）
├── 核心功能（完整特性卡片网格，3 列 auto-fit）
├── 工作流程（完整步骤卡片，auto-fit 自适应网格）
├── 用法示例（全部用法卡片，auto-fit 自适应网格）
├── 状态/配置说明（可选，按需）
├── CTA（居中号召）
└── Footer
文件命名：{skill-name}-landing.html
参考 assets/manual-template.html 的结构。顶部栏必须同时包含落地页和 SKILL.md 源文档页入口。
Page Meta 规则：页头 meta 行除版本/更新日期外——SKILL.md frontmatter 有 author 字段时显示作者信息，无则省略；有远程来源链接（GitHub / SkillHub 等）时显示来源链接（新标签页打开，链接文案统一为 来自 GitHub / 来自 SkillHub 格式），无则省略。
核心区块：
Topbar (sticky, blur backdrop)
├── Sidebar（260px，分组导航，ScrollSpy 高亮当前章节）
└── Main（1fr，max-width 1100px，居中）
├── Page Header（eyebrow + h1 + lede + meta）
├── 概述
├── 前置条件
├── 快速开始
├── 各命令详解（h2，含参数表、流程表）
├── 进阶主题（文件处理、冲突、映射文件等）
├── 限制与注意
└── Prev/Next 导航 + Footer
文件命名：{skill-name}-manual.html
参考 assets/source-template.html 的结构。
SKILL.md 完整原文，包括 YAML frontmatter。fetch() 请求本地 Markdown。文件命名：{skill-name}-source.html，页面入口文案统一使用 SKILL.md，索引卡片入口文案统一使用 Source。
如果输出目录中存在 index.html，并且索引卡片由 Skill 数据生成：
source: truesource 字段条件渲染 <a href="{skill-name}-source.html">Source</a>生成后逐项验证：
:root 变量，无硬编码颜色var(--sans) / var(--mono)，未使用其他字体1px solid var(--line)，无阴影var(--radius)（10px）.prompt .cmd .arg .str .ok .info .warn .mute（落地页）和 .tk-c .tk-k .tk-s .tk-n .tk-cm .tk-p（手册页）fetch() 读取 Markdown，可直接作为静态单文件部署prefers-reduced-motion 媒体查询已包含SKILL.mdSource，无 Source 页的卡片不显示<html lang="zh-CN">，所有文案为中文© 2026 imyuanwen@gmail.com，右侧包含「Skill 说明书生成器」GitHub 链接 + 「即刻主页」链接，使用 flex 两端对齐，border-top + max-width: 1240px 居中