archify
能输出分享级图像与交互 HTML，适合技术文档交付。
生成自包含 HTML/SVG 的专业架构与数据流可视化图。
把需求或 Mermaid 图转成自包含的 HTML + inline SVG 架构图，支持深浅色主题、语义导航、交互预览和 PNG/WebP/SVG 导出。用于画系统架构、数据流、CI/CD 流程或状态机时，能生成可交互且带说明的高保真图。还能读取仓库证据以确保图反映真实代码并生成分享用的卡片图。
▸ 展开 SKILL.md 英文原文
Create polished, validated architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as explorable standalone HTML with inline SVG, dark/light themes, semantic navigation, optional trace motion, an optional 1200×630 Share Card PNG, and PNG/JPEG/WebP/SVG/WebM export. Accept plain-language requirements or pasted Mermaid flowchart, sequenceDiagram, and stateDiagram input; inspect repository evidence when the diagram must reflect real code. Use when the user asks to visualize system architecture, infrastructure, cloud/security/network topology, technical workflows, approval or CI/CD flows, API call sequences, request lifecycles, data pipelines, ETL/ELT, data lineage, state machines, or to convert/beautify Mermaid. Prefer typed JSON IR renderers and deterministic validation; deliver static output by default, enable motion only when requested, and use optional post-commit opening only for an interactive local handoff.
帮我安装这个 skill：https://raw.githubusercontent.com/tt-a1i/archify/main/archify/SKILL.mdcurl -fsSL "https://raw.githubusercontent.com/tt-a1i/archify/main/archify/SKILL.md"# Archify Skill Create professional technical diagrams as self-contained HTML files with inline SVG, a theme toggle, and a built-in image/SVG export menu. Every renderer-backed diagram ships with a factual Diagram Guide for discovering its current actions and shortcuts, deterministic semantic node hooks, a counted two-kind Semantic Lens with selective inline legend entrances, a fine-pointer/keyboard Intent Trace before committed focus, a two-endpoint Route Probe over authored directed relationships, a searchable Node Finder, keyboard-accessible one-hop focus with a renderer-owned Semantic Passport and copyable deep link, a live Semantic Radar overview, an optional Named Chapter Rail with s