Create comprehensive HTML architecture diagrams showing data flows, business objectives, features, technical architecture, and deployment. Use when users request system architecture, project documentation, high-level overviews, or technical specifications.
安装
npx skills add mhattingpete/claude-skills-marketplace --skill architecture-diagram-creatornpx skills add mhattingpete/claude-skills-marketplace --skill architecture-diagram-creator -a claude-code -gnpx skills add mhattingpete/claude-skills-marketplace --skill architecture-diagram-creator -a codex -ggemini skills install https://github.com/mhattingpete/claude-skills-marketplace.git --path visual-documentation-plugin/skills/architecture-diagram-creatorgh skill install mhattingpete/claude-skills-marketplace architecture-diagram-creatorgit clone --depth 1 https://github.com/mhattingpete/claude-skills-marketplace /tmp/mhattingpete__claude-skills-marketplace
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/mhattingpete__claude-skills-marketplace/visual-documentation-plugin/skills/architecture-diagram-creator ~/.claude/skills/architecture-diagram-creator # Claude Code
cp -R /tmp/mhattingpete__claude-skills-marketplace/visual-documentation-plugin/skills/architecture-diagram-creator ~/.agents/skills/architecture-diagram-creator # Codex, Cursor, Gemini CLI, Copilot, OpenCode