LogoClawIndex
案例技能关于
LogoClawIndex

dynamic-archify - 将技术图表生成为可导出的独立动画 HTML

根据自然语言描述或 Mermaid 代码,将架构、流程、时序、数据流和生命周期图生成为独立的动画 HTML 文件。

标签

更新于: 2026-10-15
架构图流程图时序图数据流图生命周期图Mermaid

能力

创建技术图表生成独立 HTML渲染内联 SVG 图形切换深色和浅色主题

典型输入

图表需求自然语言描述Mermaid 代码

典型输出

独立动画 HTML 文件PNG 图像文件JPEG 图像文件

该技能可以做什么

  • 创建技术图表
  • 生成独立 HTML
  • 渲染内联 SVG 图形
  • 切换深色和浅色主题
  • 导出 PNG、JPEG、WebP
  • 导出 SVG、GIF、WebM
  • 接收自然语言描述
  • 接收粘贴的 Mermaid 代码
  • 转换 Mermaid 图表

输入

  • 图表需求
  • 自然语言描述
  • Mermaid 代码
  • 渲染器 JSON
  • 图表类型

输出

  • 独立动画 HTML 文件
  • PNG 图像文件
  • JPEG 图像文件
  • WebP 图像文件
  • SVG 文件
  • GIF 文件
  • WebM 文件

要求

  • 运行渲染器所需的 Node.js 和 npm
  • 渲染器模式所需的 Shell 访问权限
  • 用于模式验证的 AJV 依赖

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。