AI 资源库 · 已整理 2 项

SVG

查看与SVG相关的 AI 资讯、工具、Skill、工作流和开源项目。

Agent 与自动化

Archify：把代码库或系统描述转换成可交互架构图的 Agent 技能

tt-a1i/archify · Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self-contained HTML with motion and crisp export.

Archify 是一个面向 Cursor、Claude Code、Codex CLI 和 OpenCode 的 Node.js 渲染与校验系统，作为 Agent 技能帮助把代码库或系统描述转换为精炼、可交互的系统图。Agent 生成有类型定义的 JSON IR，Archify 将其确定性地编译为自包含 HTML/SVG。它支持架构、工作流、时序、数据流和生命周期五类图，提供预设风格和明暗主题，并可在合并前做架构变更对比、节点搜索、上下游追踪和路径探查，最终导出 PNG、SVG、WebM 及分享卡片。

# Codex# Claude Code# SVG# Agent技能# 架构图
☆ 收藏查看来源 ↗
评论 · 分享第一个看法
应用工具

Diagram Design：为编码智能体生成编辑级品质的 HTML/SVG 图表技能

cathrynlavery/diagram-design · 38 editorial diagram types for Claude Code, Codex, and Pi. Self-contained HTML + SVG. No shadows. No Mermaid slop.

Diagram Design 是一个面向 Claude Code、Codex、Factory Droid、Pi 以及兼容 Agent Skills 宿主的图表技能包，提供 39 种编辑风格图表类型，输出为自包含的 HTML + SVG，无需构建步骤、JavaScript 或外部图片依赖。它提供 minimal light、minimal dark、full-editorial 三种静态变体，并可用语义模式描述行为，还支持将 draw.io、Mermaid 或 Excalidraw 源图按指定格式、尺寸和细节层级重绘。

# Codex# Claude Code# data-visualization# SVG# Agent 技能
☆ 收藏查看来源 ↗
评论 · 分享第一个看法