规划或重构网站页面层级、导航、URL、内部链接和可视化站点地图。适合新网站需要信息架构,或现有网站内容增长后变得难找、重复和层级混乱。
安装前请审阅 skill 内容:skill 会影响你的 AI 助手行为,仅安装你信任的来源。
不用安装 Node.js。复制后粘贴到本地 Agent 对话框,它会读取官方指南、安装并验收。
npx -y @huohuahub/cli@0.1.1 install website-structure-planner --target auto --registry https://huohuahub.com跨平台 CLI 会校验 SHA256,并保护本地修改。旧脚本需要定向安装时,可在下面选择 AI。
旧版脚本仅供人工兼容:它会备份并替换同名目录。请先确认没有需要保留的本地修改;AI 安装协议不会自动调用它。
curl -fsSL "https://huohuahub.com/api/skills/website-structure-planner/install" | bash自动检测本机已装的 AI 工具:只有一个直接装,检测到多个会列出让你挑(回车 = 全部)。审阅脚本内容 ↗
powershell -c "irm 'https://huohuahub.com/api/skills/website-structure-planner/install.ps1' | iex"用 DeepSeek App、Kimi、豆包这类聊天 AI(没有 agent 端可装)? 可以把内容直接复制成 Prompt 粘贴使用;附带脚本和资料不会安装:
规划或重构网站页面层级、导航、URL、内部链接和可视化站点地图。
完成任务时重点处理:
最终目标不是堆出一份看似完整的内容,而是交付能够直接使用、继续修改并清楚验收的结果。
如果内容清单不完整时先建立页面库存再设计导航,先处理前置条件,不要直接假装任务已经完成。
优先收集:
1. 产品、受众与当前业务阶段 2. 目标、基线数据和时间范围 3. 渠道、预算、资源与团队约束 4. 已有研究、素材和历史结果 5. 现有页面清单、流量、搜索和用户任务 6. 业务区域、语言、权限、技术与迁移约束
信息不必一次问完。先检查用户已经提供的材料,只追问会明显改变结果的问题。
列出页面、受众、目的、表现和重复关系。
定义核心实体、页面类型、属性和它们之间的关系。
从用户常见任务建立主导航、分组和深度。
制定稳定、可理解的路径与上下文连接。
展示页面类型、层级、模板和关键用户路径。
处理重定向、旧链接、站点地图、分析和上线检查。
至少交付以下内容:
所有文件使用能说明内容和版本的名称。若任务包含执行动作,还要记录执行状态、验证结果和可继续处理的材料。
一家多产品公司网站按内部部门组织;重构为按客户任务和产品类型进入,并保留清楚的资源与支持路径。
合理处理顺序:
1. 盘点内容与任务 2. 建立内容模型 3. 设计层级 4. 规划 URL 与内链 5. 绘制站点地图 6. 制定迁移验证
交付时应重点展示网站结构、URL 与内链规范、迁移计划,并说明尚未验证的部分。
火花 Hub 官方内容库首发版本。
解压后把 website-structure-planner/ 整个目录放进对应位置即可。
~/.claude/skills/website-structure-planner/~/.gemini/skills/website-structure-planner/改动后在会话里执行 /skills reload~/.qwen/skills/website-structure-planner/重启 CLI 生效~/.iflow/skills/website-structure-planner/需在 frontmatter 补 license 字段~/.zcode/skills/website-structure-planner/它们同时也读 ~/.claude/skills/ 或 ~/.agents/skills/,解压到那两个目录就顺带覆盖了。
~/.codex/skills/website-structure-planner/也读标准目录 ~/.agents/skills/~/.openclaw/skills/website-structure-planner/~/.cursor/skills/website-structure-planner/~/.copilot/skills/website-structure-planner/~/.agents/skills/website-structure-planner/Deep Code 读标准目录 ~/.agents/skills/~/.kimi-code/skills/website-structure-planner/也读标准目录 ~/.agents/skills/~/.config/opencode/skills/website-structure-planner/也读 ~/.claude/skills/ 与 ~/.agents/skills/这两个端只支持项目内目录,家目录探测不到,只能手动放。
.windsurf/skills/website-structure-planner/在项目根目录执行.trae/skills/website-structure-planner/点文件名就地展开内容,审阅后再安装 —— skill 会影响你的 AI 助手行为, 只安装你信任的来源。
这个 skill 的用法交流都在它的使用心得笔记里:去参与(0 赞 · 0 条评论)↗
发现违规、恶意或侵权内容?到来源笔记举报此 skill ↗(skill 从笔记涌现,笔记下架即 skill 下架)。
[](https://huohuahub.com/skills/website-structure-planner)什么时候会用上它:规划或重构网站页面层级、导航、URL、内部链接和可视化站点地图。适合新网站需要信息架构,或现有网站内容增长后变得难找、重复和层级混乱。
怎么用:在 AI 工具里直接描述任务即可自动触发。显式调用的写法各端不同:Claude Code / Cursor 等用 /website-structure-planner,Codex 用 $website-structure-planner,Kimi Code 用 /skill:website-structure-planner,ZCODE 用 $website-structure-planner,Gemini CLI 以自动激活为主。