@vthst/page-manual

@vthst/page-manual

Claude Code skill：给 Vue 页面生成 PageGuide 帮助文档。

按 docs/page-guide-template.md 八章模板 自动产出「功能说明 / 前置条件 / 页面入口 / 操作指南 / 状态说明 / 注意事项 / 常见问题 / 版本记录」八章内容，并附带「操作步骤」tab 静态步骤列表。

支持范围

• Vue 3 + vue-router 项目
• UI 库：ant-design-vue / element-plus / naive-ui（按优先级自动检测）
• 输入形态：
  • .vue 文件相对路径（src/views/Foo.vue）
  • 路由 path（/user/profile）
  • 完整 URL（http://localhost:5173/user/profile）
  • pageKey（user-profile）

安装

npm i -g @vthst/page-manual

安装脚本会自动把 skill 复制到 ~/.claude/skills/page-manual/。

⚠️ 安装后请重启 Claude Code，重启后才能识别新 skill。

使用

在任意 Vue 项目根目录运行：

/page-manual src/views/UserProfile.vue
/page-manual /user/profile
/page-manual http://localhost:5173/user/profile

多个目标用空格分隔：

/page-manual src/views/Foo.vue src/views/Bar.vue

卸载

npm uninstall -g @vthst/page-manual
# 或直接调 CLI（无需走 npm）
page-manual uninstall
# 手动删也可以
rm -rf ~/.claude/skills/page-manual

要求

• Node.js ≥ 16.7（需要 fs.cpSync 原生支持）
• Claude Code（最新稳定版）
• 目标 Vue 项目已安装 vue-router + ant-design-vue / element-plus / naive-ui 之一

工作流程

参见 SKILL.md。

License

MIT