← 返回 Skills 市场
86
总下载
0
收藏
0
当前安装
3
版本数
在 OpenClaw 中安装
/install svg-architecture-diagram
功能描述
Create professional, publication-quality technical architecture diagrams using pure SVG in HTML, then screenshot via Playwright. Produces crisp, pixel-perfec...
安全使用建议
This skill appears coherent and focused on producing SVG diagrams and screenshots. Before running: (1) inspect any HTML you render for external URLs (examples import Google Fonts via https://fonts.googleapis.com), (2) install Playwright and run 'playwright install chromium' — note that installs browser binaries from upstream, and (3) run the included script on local files in a safe directory (it loads file:// paths and writes PNGs locally). If you're running the agent autonomously, be aware Playwright will fetch remote resources referenced by the HTML; otherwise there are no hidden endpoints or credential requests.
功能分析
Type: OpenClaw Skill
Name: svg-architecture-diagram
Version: 1.2.0
The skill bundle is a legitimate utility for generating high-quality architecture diagrams using SVG and Playwright. The Python script `scripts/screenshot.py` performs standard browser automation to render local HTML files into PNG images, and the `SKILL.md` provides clear, task-aligned instructions for the AI agent without any signs of prompt injection, data exfiltration, or malicious intent.
能力标签
能力评估
Purpose & Capability
Name/description match delivered artifacts: SVG patterns, example HTMLs, design-system reference and a screenshot helper script. All requested capabilities (rendering SVG and taking high-res screenshots) are justified by the skill's purpose.
Instruction Scope
SKILL.md stays on-topic: it instructs authors to produce an HTML file with inline SVG and to render it locally via Playwright or the bundled script. It does not instruct reading credentials, system-wide config, or exfiltrating data. The only external resource referenced is Google Fonts in the example HTML.
Install Mechanism
There is no install spec (instruction-only + small script). The included Python script uses Playwright and optionally Pillow; the script's ImportError message instructs the user to install them. Playwright will download browser binaries when the user runs 'playwright install chromium' — this is expected and not from an unknown host. No downloads from personal servers or URL-shorteners are present.
Credentials
The skill requests no environment variables or credentials. The script works with local file:// paths and writes a local PNG — this is proportionate to its stated function.
Persistence & Privilege
Skill does not request always:true; it is user-invocable and does not modify other skills or global agent config. It only operates on local files and produces local output.
如何使用
- 确保已安装 OpenClaw（本地或 Docker 部署）
- 在对话框中输入安装命令：
/install svg-architecture-diagram - 安装完成后，直接呼叫该 Skill 的名称或使用
/svg-architecture-diagram触发 - 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
v1.2.0
连线间距规范(≥20px防箭头吞线), 新增OpenClaw架构图示例, Card Spacing Rules
v1.1.0
默认4x最高清分辨率(6400x4000px)
v1.0.0
纯SVG技术架构图, 精确连线+颜色编码+防溢出, 含Hermes示例
元数据
常见问题
SVG Architecture Diagram 是什么？
Create professional, publication-quality technical architecture diagrams using pure SVG in HTML, then screenshot via Playwright. Produces crisp, pixel-perfec... 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 86 次。
如何安装 SVG Architecture Diagram？
在 OpenClaw 或 Claude Code 对话框中运行命令「/install svg-architecture-diagram」即可一键安装，无需额外配置。
SVG Architecture Diagram 是免费的吗？
是的，SVG Architecture Diagram 完全免费，采用 MIT-0 许可证，可自由下载、安装和使用。
SVG Architecture Diagram 支持哪些平台？
SVG Architecture Diagram 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。
谁开发了 SVG Architecture Diagram？
由 Garming（@wujiaming88）开发并维护，当前版本 v1.2.0。
推荐 Skills