generate-sitemap
Generate hierarchical site structure and navigation maps. Creates visual representations of information architecture and content relationships.
适合你,如果你需要可视化网站层级关系或规划导航路径。
npx oh-my-skill add dandye/ai-runbooks/generate-sitemapcurl -fsSL https://oh-my-skill.com/install.sh | bash -s -- dandye/ai-runbooks/generate-sitemapnpx oh-my-skill verify dandye/ai-runbooks/generate-sitemap怎么用
商店整理自技能原文 · 版本 086cbf6 · 表述以原文为准装上后,Claude 能根据你的项目文件夹或网址,自动生成站点地图(树状结构图),展示页面间的层次和关联关系,并输出为图表或文件。
当你给出项目根目录或网址,并请求生成站点地图时触发。你可以指定输出格式(如流程图、XML等)和是否展示跨页链接。
技能原文 SKILL.md
Generate Sitemap Skill
Generate a hierarchical representation of the site structure and navigation maps. This skill visualizes the information architecture to support user experience design and content organization.
Inputs
PATH- The root directory of the project or site (e.g., "/project")HIERARCHICAL- (Optional) Boolean, whether to strictly follow directory hierarchy (default: true)CROSS_REFERENCES- (Optional) Boolean, whether to include cross-links between pages (default: false)EXPORT_FORMAT- (Optional) Output format: "markdown", "xml", "svg", "mermaid" (default: "mermaid")
Workflow
Step 1: Structure Traversal
Traverse the PATH to understand the directory and file structure.
- Build a tree representation of folders and files.
- Identify "index" or "home" pages for each section.
Step 2: Relationship Mapping
If CROSS_REFERENCES is true, analyze links within content to identify non-hierarchical connections.
- Map internal links between nodes.
- Identify "See Also" or related content sections.
Step 3: Visualization Generation
Convert the structural tree into the requested EXPORT_FORMAT.
For Mermaid (Diagram):
- Generate a graph TD or Mindmap definition.
- Nodes represent pages/sections.
- Edges represent hierarchy (parent-child) or links.
For XML (Standard Sitemap):
- Generate compliant sitemap.xml format.
Step 4: Output Rendering
Return the generated sitemap code or file.
Required Outputs
A SITEMAP_OUTPUT string containing the sitemap representation in the specified OUTPUT_FORMAT.
Example (Mermaid):
graph TD
Root[Home] --> Docs[Documentation]
Root --> Blog[Blog]
Docs --> API[API Reference]
Docs --> Guides[User Guides]
API --> Auth[Authentication]
Quick Reference
- Purpose: Visualize and plan information architecture and navigation.
- Tools: Compatible with Mermaid.js for visualization.