architecture-diagram-creator

仓库: jeremylongshore/claude-code-plugins-plus-skills
安装量: 45
排名: #16325

安装

npx skills add https://github.com/mhattingpete/claude-skills-marketplace --skill architecture-diagram-creator

Architecture Diagram Creator

Create comprehensive HTML architecture diagrams with data flows, business context, and system architecture.

When to Use "Create architecture diagram for [project]" "Generate high-level overview" "Document system architecture" "Show data flow and processing pipeline" Components to Include Business Context: objectives, users, value, metrics Data Flow: sources → processing → outputs with SVG diagram Processing Pipeline: multi-stage visualization System Architecture: layered components (data/processing/services/output) Features: functional and non-functional requirements Deployment: model, prerequisites, workflows HTML Structure

[Project] Architecture

[Project Name] - Architecture Overview

SVG Pattern for Data Flow

Workflow Analyze project (README, code structure) Extract: purpose, data sources, processing, tech stack, outputs Create HTML with all 6 sections Use semantic colors for visual hierarchy Write to [project]-architecture.html

Keep diagrams clear, use consistent styling, include real project details.

← 返回排行榜