Skip to content
Agentmart
Submit a tool

architecture-diagram

架构师专用图表生成工具，根据用户提供的内容（markdown、网页、文本等）和需求，理解并总结抽象后生成专业的设计图表（HTML格式），包括架构图、流程图、组件图、时序图、框架图、规划图等。支持将HTML转换为PNG图片。从专业设计师角度设计，确保图表简洁、清晰，颜色搭配合理。当用户需要创建技术架构图、系统设计图、业…

Skill by hackjie

IndexedLicense unknown★ 1
Write a review

Install

Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.

npx agentmarket install skill/hackjie-architecture-diagram

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

We use your email only for this newsletter. Privacy

About

架构师专用图表生成工具，根据用户提供的内容（markdown、网页、文本等）和需求，理解并总结抽象后生成专业的设计图表（HTML格式），包括架构图、流程图、组件图、时序图、框架图、规划图等。支持将HTML转换为PNG图片。从专业设计师角度设计，确保图表简洁、清晰，颜色搭配合理。当用户需要创建技术架构图、系统设计图、业务流程图、项目规划图等可视化图表时使用此技能。

Use cases: documents, frontend

Reviews

Write a review

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.

Tools
No tools found
Secrets
None asked for
Install scripts
None found
Runs as
Python package

Network hosts it talks to 1

  • codeload.github.com · found in install command

Files it touches

  • ~/.claude/skills/architecture-diagram

What's inside

Skill name
architecture-diagram
Description
架构师专用图表生成工具，根据用户提供的内容（markdown、网页、文本等）和需求，理解并总结抽象后生成专业的设计图表（HTML格式），包括架构图、流程图、组件图、时序图、框架图、规划图等。支持将HTML转换为PNG图片。从专业设计师角度设计，确保图表简洁、清晰，颜色搭配合理。当用户需要创建技术架构图、系统设计图、业务流程图、项目规划图等可视化图表时使用此技能。
License
unknown
Instructions
192 lines in SKILL.md · view on GitHub

Before installing

  • Ships executable scripts

Files (7)

  • LICENSE.txt
  • SKILL.md
  • template_example.html · assets/
  • design_guidelines.md · references/
  • diagram_templates.md · references/
  • html_to_png.py · scripts/
  • requirements.txt · scripts/

The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub

More from hackjie/ryan-skills

Signals

Stars
1
Forks
0
Open issues
0
Last commit (this folder)
Jul 23, 2026 (3 months ago)

From GitHub (fetched Oct 24, 2026).

Details

License
License unknown
Repository
github.com/hackjie/ryan-skills
First seen
Oct 24, 2026
Last checked
Oct 24, 2026
Source
GitHubgithub-graphql

More from hackjie

Cite this page

architecture-diagram skill. Agent Mart. https://agentmart.dev/skills/hackjie-architecture-diagram (last updated 2026-10-24)