架

架构图生成器

创建包含 SVG 可视化的综合 HTML 架构图

bymhattingpete
Home/Developer Tools/架构图生成器

What is it?

创建包含 SVG 可视化的综合 HTML 架构图，展示业务上下文、数据流、处理管道和系统架构。

How to use it?

安装技能后，Claude 会在检测到架构图创建任务时自动应用此技能，也可直接在提示中引用其名称来调用。

Key Features

  • SVG 可视化的综合 HTML 架构图
  • 展示业务上下文和数据流
  • 处理管道和系统架构图示
  • 自动文档生成
  • 可嵌入文档的 HTML 输出
View on GitHub

GitHub Stats

Stars
Forks
Last Update
License
Apache-2.0
Version
1.0.0

Categories

Developer Tools
Design

Tags

architecture-diagram
visualization
svg
system-design
documentation

Features

Related Skills

More from Developer Tools

Flowchart Creator

Creates HTML flowcharts and process diagrams with SVG-based nodes, decision diamonds, connecting arrows, and optional swimlanes with color-coded types

350mhattingpete
Developer Tools
Design

Web Asset Generator

Generate favicons, app icons (PWA), and social media Open Graph images from logos or text

120alonw0
Design
Developer Tools

Frontend Design

The official Claude frontend design skill by Anthropic. Guides Claude Code to create distinctive, production-grade frontend interfaces with high design quality, covering typography, color, motion, spatial composition, and UI design patterns

5.7kanthropics
Design
Developer Tools