手绘风动画架构图适用于哪些场景？

手绘风动画架构图适用于：代码审查与 GitHub、Cursor 开发必备。也可在 AgentHub 场景页查看配套 MCP 与 Skill。

手绘风动画架构图 Skill安装与使用教程

Q: 如何安装 手绘风动画架构图？

Q: 手绘风动画架构图 适用于哪些场景？

手绘风动画架构图 适用于：代码审查与 GitHub、Cursor 开发必备。也可在 AgentHub 场景页查看配套 MCP 与 Skill。

SkillGitHub 中文官方收录

io.github.iflytek/iFly-Skills/animated-sketch-diagram

生成"黑墨手绘涂鸦"风格的动画架构图/流程图：米色纸面、针管笔墨线、极淡水洗色块、简笔涂鸦图标、序号章、连线上的流动圆点动画、图标微动效。产出单文件自包含动画 HTML（SVG+CSS），可一键导出无缝循环 GIF。当用户想画架构图、流程图、信息图、技术示意图、对比图、pipeline/workflow 可视化，或提到"手绘风""涂鸦风""动图""animated diagram""GIF 架构图"时使用；即使用户没明说要动画，做技术概念科普配图时也应优先考虑本 skill。

原文名称：animated-sketch-diagram

在 GitHub 中文查看 ↗源仓库 ↗

建议先在本页复制安装配置，再到上游核对文档与权限。

产品介绍

适用场景

代码审查与 GitHub Cursor 开发必备

AgentHub Verified 可用性验证技术测试通过

自动化测试流水线已校验安装命令、传输协议与客户端兼容性

最近校验时间2026-10-02

安装配置格式测试有效CLI 与 mcpServers JSON 语法校验通过

协议连接与握手响应正常支持标准 JSON-RPC 2.0 规格规范

上游数据源存活来源 github-cn，可正常下载依赖

测试可用客户端Claude Code、Claude Desktop、Cursor 等

安全等级： A+ 级 · 官方认证推荐 (A+)·该工具由官方或知名生态团队维护，源码遵循标准开源许可协议，可安全接入 Cursor / Claude。

Score 90/100

将提示词发送给您的 AI 安装该 Skill

按平台快速复制备选

选择你的平台查看安装方式

选择安装方式

点击「复制配置」直接粘贴到客户端

# 改 -a 切换客户端：trae | lingma | codebuddy | kimi-code-cli | qwen-code | cursor | claude-code | windsurf | cline | github-copilot | codex
npx skills add iflytek/iFly-Skills@animated-sketch-diagram -a cursor -y

配置教程

打开手绘风动画架构图详情页，确认来源为 GitHub 中文，并阅读下方适用场景。
选择 Trae、通义灵码、WorkBuddy、Cursor、Claude Code 或通用 CLI，复制对应安装命令。
在终端执行命令，或将 SKILL.md 放到项目的 .trae/skills/、.lingma/skills/、.cursor/skills/ 等目录。
重载客户端窗口后，在对话中描述任务，Agent 会按 Skill description 自动匹配。

安装命令

以下安装命令与配置步骤已写入页面 HTML，搜索引擎与未启用 JavaScript 的浏览器均可直接读取。

通用 — Skills CLI（推荐）

Skills CLI

# 改 -a 切换客户端：trae | lingma | codebuddy | kimi-code-cli | qwen-code | cursor | claude-code | windsurf | cline | github-copilot | codex
npx skills add iflytek/iFly-Skills@animated-sketch-diagram -a cursor -y

AgentHub CLI（改 --ai）

# 改 --ai 切换客户端：trae | lingma | workbuddy | kimi | qwen | cursor | claude-code | windsurf | cline | vscode | codex | openclaw
curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init iflytek/iFly-Skills@animated-sketch-diagram --ai cursor -y

Cursor

Skills CLI

npx skills add iflytek/iFly-Skills@animated-sketch-diagram -a cursor -y

AgentHub CLI（改 --ai）

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init iflytek/iFly-Skills@animated-sketch-diagram --ai cursor -y

项目级目录

mkdir -p .cursor/skills/animated-sketch-diagram
RAW="https://raw.githubusercontent.com/iflytek/iFly-Skills/main/skills/animated-sketch-diagram"
curl -sL "$RAW/SKILL.md" -o .cursor/skills/animated-sketch-diagram/SKILL.md
# 如有 scripts/ references/ assets/ 请一并复制

用户级目录

mkdir -p ~/.cursor/skills/animated-sketch-diagram
RAW="https://raw.githubusercontent.com/iflytek/iFly-Skills/main/skills/animated-sketch-diagram"
curl -sL "$RAW/SKILL.md" -o ~/.cursor/skills/animated-sketch-diagram/SKILL.md

Trae（字节跳动）

Trae 原生支持 Skill 规范：项目级配置在 .trae/skills/<技能名>/，全局在 ~/.trae/skills/
点击复制安装命令在项目根目录终端执行，自动拉取 SKILL.md 及相关依赖
重载 Trae 窗口后，在 AI 对话中描述需求即可自动激活该技能

Skills CLI

npx skills add iflytek/iFly-Skills@animated-sketch-diagram -a trae -y

AgentHub CLI（改 --ai）

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init iflytek/iFly-Skills@animated-sketch-diagram --ai trae -y

项目级目录

mkdir -p .trae/skills/animated-sketch-diagram
RAW="https://raw.githubusercontent.com/iflytek/iFly-Skills/main/skills/animated-sketch-diagram"
curl -sL "$RAW/SKILL.md" -o .trae/skills/animated-sketch-diagram/SKILL.md

用户级目录

mkdir -p ~/.trae/skills/animated-sketch-diagram
RAW="https://raw.githubusercontent.com/iflytek/iFly-Skills/main/skills/animated-sketch-diagram"
curl -sL "$RAW/SKILL.md" -o ~/.trae/skills/animated-sketch-diagram/SKILL.md

通义灵码（阿里）

通义灵码支持在项目 .lingma/skills/<技能名>/ 或用户全局目录 ~/.lingma/skills/ 识别技能
终端运行安装命令拉取 SKILL.md
打开通义灵码智能体（Agent）模式，对话即可自动按 description 匹配该技能

Skills CLI

npx skills add iflytek/iFly-Skills@animated-sketch-diagram -a lingma -y

AgentHub CLI（改 --ai）

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init iflytek/iFly-Skills@animated-sketch-diagram --ai lingma -y

项目级目录

mkdir -p .lingma/skills/animated-sketch-diagram
RAW="https://raw.githubusercontent.com/iflytek/iFly-Skills/main/skills/animated-sketch-diagram"
curl -sL "$RAW/SKILL.md" -o .lingma/skills/animated-sketch-diagram/SKILL.md

用户级目录

mkdir -p ~/.lingma/skills/animated-sketch-diagram
RAW="https://raw.githubusercontent.com/iflytek/iFly-Skills/main/skills/animated-sketch-diagram"
curl -sL "$RAW/SKILL.md" -o ~/.lingma/skills/animated-sketch-diagram/SKILL.md

WorkBuddy / 腾讯云代码助手

WorkBuddy 只从项目 .workbuddy/skills/<技能名>/（用户级 ~/.workbuddy/skills/）读取技能；.codebuddy/skills/ 属于 CodeBuddy
上方 Skills CLI 命令以 -a codebuddy 安装，末尾已附同步命令，把技能复制到 .workbuddy/skills
用 AgentHub CLI（--ai workbuddy）会自动同步；完成后重载对话面板，即按 SKILL.md 的 description 自动索引

Skills CLI

npx skills add iflytek/iFly-Skills@animated-sketch-diagram -a codebuddy -y
# WorkBuddy 读取 .workbuddy/skills，把上游写入 .codebuddy/skills 的结果同步一份
mkdir -p .workbuddy/skills && cp -R .codebuddy/skills/animated-sketch-diagram .workbuddy/skills/

AgentHub CLI（改 --ai）

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init iflytek/iFly-Skills@animated-sketch-diagram --ai workbuddy -y

项目级目录

mkdir -p .workbuddy/skills/animated-sketch-diagram
RAW="https://raw.githubusercontent.com/iflytek/iFly-Skills/main/skills/animated-sketch-diagram"
curl -sL "$RAW/SKILL.md" -o .workbuddy/skills/animated-sketch-diagram/SKILL.md

Claude Code

项目级目录

mkdir -p .claude/skills/animated-sketch-diagram
RAW="https://raw.githubusercontent.com/iflytek/iFly-Skills/main/skills/animated-sketch-diagram"
curl -sL "$RAW/SKILL.md" -o .claude/skills/animated-sketch-diagram/SKILL.md

用户级目录

mkdir -p ~/.claude/skills/animated-sketch-diagram
RAW="https://raw.githubusercontent.com/iflytek/iFly-Skills/main/skills/animated-sketch-diagram"
curl -sL "$RAW/SKILL.md" -o ~/.claude/skills/animated-sketch-diagram/SKILL.md

Skills CLI

npx skills add iflytek/iFly-Skills@animated-sketch-diagram -a claude-code -y

Kimi Code（月之暗面）

Kimi Code 兼容标准 Agent Skills：项目技能位于 .agents/skills/<技能名>/，全局位于 ~/.agents/skills/
终端执行命令完成安装
在 Kimi Code CLI 或 Agent 对话中提出相应任务，AI 会自动按步骤规划与执行

Skills CLI

npx skills add iflytek/iFly-Skills@animated-sketch-diagram -a kimi-code-cli -y

AgentHub CLI（改 --ai）

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init iflytek/iFly-Skills@animated-sketch-diagram --ai kimi -y

项目级目录

mkdir -p .agents/skills/animated-sketch-diagram
RAW="https://raw.githubusercontent.com/iflytek/iFly-Skills/main/skills/animated-sketch-diagram"
curl -sL "$RAW/SKILL.md" -o .agents/skills/animated-sketch-diagram/SKILL.md

用户级目录

mkdir -p ~/.agents/skills/animated-sketch-diagram
RAW="https://raw.githubusercontent.com/iflytek/iFly-Skills/main/skills/animated-sketch-diagram"
curl -sL "$RAW/SKILL.md" -o ~/.agents/skills/animated-sketch-diagram/SKILL.md

通义千问（Qwen Code）

通义千问（Qwen Code）支持项目目录 .qwen/skills/<技能名>/ 与全局 ~/.qwen/skills/
终端执行命令将 SKILL.md 部署至目录
在 Qwen Agent 模式下直接发送任务提示词即可自动识别

Skills CLI

npx skills add iflytek/iFly-Skills@animated-sketch-diagram -a qwen-code -y

AgentHub CLI（改 --ai）

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init iflytek/iFly-Skills@animated-sketch-diagram --ai qwen -y

项目级目录

mkdir -p .qwen/skills/animated-sketch-diagram
RAW="https://raw.githubusercontent.com/iflytek/iFly-Skills/main/skills/animated-sketch-diagram"
curl -sL "$RAW/SKILL.md" -o .qwen/skills/animated-sketch-diagram/SKILL.md

用户级目录

mkdir -p ~/.qwen/skills/animated-sketch-diagram
RAW="https://raw.githubusercontent.com/iflytek/iFly-Skills/main/skills/animated-sketch-diagram"
curl -sL "$RAW/SKILL.md" -o ~/.qwen/skills/animated-sketch-diagram/SKILL.md

Windsurf

Windsurf 支持在项目根目录 .windsurf/skills/<技能名>/ 或全局 ~/.codeium/windsurf/skills/ 放置技能
执行安装命令后刷新 Cascade 窗口
对话中 Cascade 会自动识别任务并按 SKILL.md 规范进行编码与重构

Skills CLI

npx skills add iflytek/iFly-Skills@animated-sketch-diagram -a windsurf -y

AgentHub CLI（改 --ai）

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init iflytek/iFly-Skills@animated-sketch-diagram --ai windsurf -y

项目级目录

mkdir -p .windsurf/skills/animated-sketch-diagram
RAW="https://raw.githubusercontent.com/iflytek/iFly-Skills/main/skills/animated-sketch-diagram"
curl -sL "$RAW/SKILL.md" -o .windsurf/skills/animated-sketch-diagram/SKILL.md

用户级目录

mkdir -p ~/.codeium/windsurf/skills/animated-sketch-diagram
RAW="https://raw.githubusercontent.com/iflytek/iFly-Skills/main/skills/animated-sketch-diagram"
curl -sL "$RAW/SKILL.md" -o ~/.codeium/windsurf/skills/animated-sketch-diagram/SKILL.md

Cline

Cline 支持标准 .agents/skills/<技能名>/ 目录结构
运行命令将技能写入项目
在 VS Code Cline 扩展中提问即可直接调用

Skills CLI

npx skills add iflytek/iFly-Skills@animated-sketch-diagram -a cline -y

AgentHub CLI（改 --ai）

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init iflytek/iFly-Skills@animated-sketch-diagram --ai cline -y

项目级目录

mkdir -p .agents/skills/animated-sketch-diagram
RAW="https://raw.githubusercontent.com/iflytek/iFly-Skills/main/skills/animated-sketch-diagram"
curl -sL "$RAW/SKILL.md" -o .agents/skills/animated-sketch-diagram/SKILL.md

Cherry Studio

Cherry Studio 可作为自定义智能体或提示词使用该技能
复制指令获取 SKILL.md 文本内容
在 Cherry Studio → 助手管理中新建/编辑助手，将内容粘贴到「系统提示词」中保存启用

# 打印 SKILL.md 指令内容并粘贴到 Cherry Studio 智能体系统提示词中
RAW="https://raw.githubusercontent.com/iflytek/iFly-Skills/main/skills/animated-sketch-diagram"
curl -sL "$RAW/SKILL.md"

VS Code / GitHub Copilot

mkdir -p .github/skills/animated-sketch-diagram
RAW="https://raw.githubusercontent.com/iflytek/iFly-Skills/main/skills/animated-sketch-diagram"
curl -sL "$RAW/SKILL.md" -o .github/skills/animated-sketch-diagram/SKILL.md

OpenAI Codex

Skills CLI

npx skills add iflytek/iFly-Skills@animated-sketch-diagram -a codex -g -y

用户级目录

mkdir -p ~/.codex/skills/animated-sketch-diagram
RAW="https://raw.githubusercontent.com/iflytek/iFly-Skills/main/skills/animated-sketch-diagram"
curl -sL "$RAW/SKILL.md" -o ~/.codex/skills/animated-sketch-diagram/SKILL.md

项目级目录

mkdir -p .agents/skills/animated-sketch-diagram
RAW="https://raw.githubusercontent.com/iflytek/iFly-Skills/main/skills/animated-sketch-diagram"
curl -sL "$RAW/SKILL.md" -o .agents/skills/animated-sketch-diagram/SKILL.md

常见报错排查与运行避坑 (Troubleshooting)FAQ

针对手绘风动画架构图在 Cursor、Claude Code 中的常见连接错误与解决办法

在 Cursor / Claude Code 中配置 animated-sketch-diagram 提示 connection closed 或 exit code 1？

通常由本地运行时环境缺失或命令路径未被 IDE 继承引起。排查步骤： 1. 确认已安装 Node.js 18+（支持 npx）或 Python 3.10+（支持 uvx）； 2. 尝试在终端运行 which npx 或 which uvx，把配置文件中的 "command" 字段改为完整绝对路径； 3. 修改 mcp.json 后，必须完全重载或重启客户端窗口。

Fix Snippet

# 终端测试命令是否存在：
which npx
node -v

提示 spawn npx ENOENT 或 command not found？

这是因为编辑器后台进程未加载完整的终端环境变量（PATH）。解决方案：在全局安装该包（如 npm install -g 包名），或在配置文件中将 command 设置为系统的实际路径（如 Windows 下的 C:\Program Files\nodejs\npx.cmd，Mac 下的 /usr/local/bin/npx）。

调用工具时响应超时或网络下载依赖失败？

国内环境下首次执行 npx 或拉取依赖时可能因网络受限而超时。建议将 npm 镜像源切换为国内高速镜像（npm config set registry https://registry.npmmirror.com），或在系统级开启开发代理工具。

在对话中描述任务，Agent 没有自动调用 animated-sketch-diagram 规则？

请检查 SKILL.md 是否位于当前项目的 .cursor/skills/animated-sketch-diagram/SKILL.md（Cursor）或 ~/.claude/skills/animated-sketch-diagram/SKILL.md（Claude Code）。在输入提问时，可以显式提示 AI “请使用 animated-sketch-diagram 规范来执行”，以提高智能体的规则匹配权重。

仍连不上？查看 MCP 连接失败排查指南 →

免安装模拟调用 (Playground)

仿真环境

animated-sketch-diagram 规则注入与 Agent 行为仿真 · 无需配置本地环境，直接预览调用参数与返回格式

沙盒就绪 (Virtual Mock)

fn: agent_skill_runtimeAgent 在上下文中匹配并应用 animated-sketch-diagram 的 System Prompt 规范与工作流约束

请求入参 (Arguments)JSON Schema

{
  "skill": "animated-sketch-diagram",
  "rulePath": ".cursor/skills/animated-sketch-diagram/SKILL.md",
  "userGoal": "请使用 animated-sketch-diagram 的方法与标准帮我完成当前任务",
  "client": "Cursor / Claude Code"
}

💡Agent 在规划任务时会自动生成并传递上述入参

Agent Tool Output

点击上方「模拟运行」按钮

查看该工具在 Agent 内部的返回数据格式

测试环境：AgentHub Virtual SandboxJSON-RPC 2.0

选型与决策建议（为什么选它？）

帮助你快速判断该资源是否契合当前项目，避免盲目折腾

适合什么任务？

PR 自动审查
生成 changelog
跨仓库 Issue 检索

什么时候不建议用？

替代人工安全审计
在无授权仓库上操作

推荐工作流搭配：查看完整场景 →

animated-sketch-diagram + 对应场景 Prompt → 组成标准 Agent 自动化任务

Skill 实战教程：从安装到看见效果

按完整实例走一遍（含期望效果与对比验收）。装完本页资源后，用教程里的提示词核对是否真正生效。

打开教程 →

Agent Skill 是带 SKILL.md 的指令包。安装后，AI 会根据 description 在匹配任务时自动加载，无需每次手动粘贴提示词。

使用方式

安装完成后，在对话中直接描述你的任务（或提及技能名称）。Agent 会先读取 SKILL.md 的 description 判断是否启用，再按其中的步骤执行。可用 /skills（Claude Code）或在设置中查看已加载的 Skills。

相关资源

API 网关

v1.2.25

SkillClawHub87.2k

io.clawhub.byungkyu/api-gateway

通过 Maton 网关调用第三方 API，网关会为用户已连接的应用注入凭据。当用户点名某个已连接应用及其中具体操作——读邮箱、查 CRM、提 issue、更新表格等——时使用本技能。

source

在 ClawHub 查看

v1.2.6

SkillClawHub13.5k

io.clawhub.byungkyu/linkedin-api

通过托管 OAuth 集成 LinkedIn API。分享帖子、管理资料、访问 LinkedIn 功能。当用户想在 LinkedIn 分享内容、获取资料/组织信息或与 LinkedIn 平台交互时使用。广告功能（营销活动、广告账户）需要额外的 OAuth 权限，使用前请核实已授予的权限。其他第三方应用请使用 api-gateway 技能（https://clawhub.ai/byungkyu/api-gateway）。需要网络访问和有效的 Maton API key。调用通过 `maton` CLI 配合 OAuth 登录，或在无法安装 CLI 时通过原始 HTTP 配合 Maton API key 执行。每次调用都以用户连接身份认证，仅访问该连接授权允许的资源，由服务商在每次请求时强制执行；此处记录的端点是本技能所使用的，应用的其他任何端点都需要用户指名要求才可调用。默认使用读取和列表调用，每次写入或新建连接前都与用户确认。

source

在 ClawHub 查看

WhatsApp Business

v1.2.8

SkillClawHub24.1k

io.clawhub.byungkyu/whatsapp-business

WhatsApp Business API 集成，采用托管式 OAuth。发送消息、管理模板并处理会话。当用户需要与 WhatsApp Business 交互时使用本技能；其他第三方应用请使用 api-gateway 技能（https://clawhub.ai/byungkyu/api-gateway）。调用通过 `maton` CLI 配合 OAuth 登录执行，或在无法安装 CLI 时凭 Maton API Key 走原始 HTTP。每次调用都以用户连接身份认证，仅能访问该连接授权范围内的数据，服务端对每个请求强制执行鉴权；此处记录的端点即本技能所用端点，若需该应用的其他端点，须由用户点名提出。默认只做读取与列表调用，任何写入或新连接都需经用户确认。本文件还按使用顺序记录把 WhatsApp Business 连接变成自动化的三个构件：连接（第一步）、通过 Maton SDK 执行 WhatsApp Business 操作的托管函数，以及……（原文截断）

source

在 ClawHub 查看

Salesforce

v1.2.7

SkillClawHub20.1k

io.clawhub.byungkyu/salesforce-api

Salesforce CRM API 集成，采用托管式 OAuth。仅在需要管理 Salesforce CRM 时安装。请以可用的最小权限连接，破坏性或批量操作优先使用沙箱组织，每次请求前核对目标连接 ID，并及时吊销未使用的连接。本集成可能修改 CRM 记录——仅在核对确切的 sObject、记录 ID 及影响后，再批准具体写操作。其他第三方应用请使用 api-gateway 技能（https://clawhub.ai/byungkyu/api-gateway）。调用通过 `maton` CLI 配合 OAuth 登录执行，或在无法安装 CLI 时凭 Maton API Key 走原始 HTTP。每次调用都以用户连接身份认证，仅能访问该连接授权范围内的数据，服务端对每个请求强制执行鉴权；此处记录的端点即本技能所用端点，若需该应用的其他端点，须由用户点名提出。默认只做读取与列表调用，任何写……（原文截断）

source

在 ClawHub 查看

CloudBase 腾讯云开发

v1.92.120

SkillClawHub9k

io.clawhub.binggg/cloudbase

当你开发、设计、构建、部署、调试、迁移或排查 CloudBase（腾讯云开发、云开发、TCB、微信云开发）项目时使用此技能——覆盖 Web、微信小程序、小程序、uni-app、移动端（iOS、Android、Flutter、React Native）。涵盖：UI（页面、界面、表单、dashboard、原型）；认证（登录、注册、OAuth、publishable key）；数据库（NoSQL 文档数据库、MySQL 关系型数据库、PostgreSQL/CloudBase PG、app.rdb()、queryPgDatabase/managePgDatabase、CRUD、安全规则）；云函数（serverless、scf_bootstrap）；CloudRun（云托管、Dockerfile）；云存储；内置 AI（内置大模型、AI 对话、流式输出、图片生成、generateText、streamText、createModel、generateImage、TokenHub、混元、DeepSeek、GLM、Kimi、Token Credits 资源包、小程序成长计划）；第三方/自定义大模型接入（大模型调用、LLM API）；AI 智能体（智能体、AG-UI、LangGraph）；运维巡检（巡检、诊断、日志）；规格工作流（需求文档、技术方案、requirements、tasks.md）。不适用于非 CloudBase 项目、不含 CloudBase 的纯前端或不含 CloudBase 的自托管后端。

source

在 ClawHub 查看

AI 保险顾问（中国大陆）

v2.0.125

SkillClawHub7.9k

io.clawhub.mnetfairy/ai-insurance-advisor

中国大陆保险顾问。本 skill 仅覆盖 6 项实际实现的能力：保险需求分析（needs_analyzer.py）、产品对比（premium_calculator.py + 本地 products.json）、保费计算（premium_calculator.py）、方案设计（plan_designer.py）、保险知识问答（insurance-knowledge.md）、合规要点提示（compliance.md）。不提供核保预审、理赔代办、朋友圈/营销文案生成、培训话术、代理人展业工具等能力——这些场景请转人工或调用专业服务。

source

在 ClawHub 查看

常搭配使用

GlobalGov — Government Contracts, Tenders & Procurement

v1.0.8

MCP ServerMCP Registry

io.globalgov/mcp

Find government contracts, tenders and RFPs you can still bid on, in 193 countries. Free, no key.

streamable-httpregistry 收录

Fillo

v0.10.0

MCP ServerMCP Registry

io.github.jacobfunch/usefillo

Fillo MCP server — provision, scaffold, publish, and query forms from your coding agent.

stdiostreamable-httpnpmregistry 收录

SecurityScorecard 安全评分

v2.0.0

MCP ServerMCP Registry

io.github.CallMarcus/securityscorecard-mcp

社区构建的 SecurityScorecard API 全功能 MCP 服务器（非官方）。

stdionpmregistry 收录

taxapp.nz

v1.0.0

MCP ServerMCP Registry

nz.taxapp/taxapp

Your taxapp.nz income, expenses, rental properties and NZ tax figures, and adding new records.

streamable-httpregistry 收录

继续逛 AgentHub

大多数人安装前还会对比同类工具或看场景方案——下面这些能帮你少走弯路。

浏览更多同类搜索相似资源按场景选型场景提示词 Skill 实战教程评测与对比

收录徽章：把 AgentHub 挂到你的官网

复制下面任意一段代码到项目主页、官网或 GitHub README。徽章是 SVG 热链，无需上传文件，链接指向本页，访客可由此直接找到安装方式。

预览

HTML

<a href="https://myagenthub.cn/p/io.github.iflytek/iFly-Skills/animated-sketch-diagram" title="AgentHub 已收录：手绘风动画架构图" target="_blank" rel="noopener">
  <img src="https://myagenthub.cn/badge/io.github.iflytek/iFly-Skills/animated-sketch-diagram" alt="AgentHub 已收录：手绘风动画架构图" height="20" style="border:0"/>
</a>

Markdown（GitHub README）

[![AgentHub 已收录：手绘风动画架构图](https://myagenthub.cn/badge/io.github.iflytek/iFly-Skills/animated-sketch-diagram)](https://myagenthub.cn/p/io.github.iflytek/iFly-Skills/animated-sketch-diagram)

徽章由 /badge/<资源ID> 动态生成，名称与收录状态变化后自动更新；请保留链接指向，它是收录来源的判定依据。

统一 Manifest

{
  "id": "io.github.iflytek/iFly-Skills/animated-sketch-diagram",
  "type": "skill",
  "version": "0.0.0",
  "displayName": "animated-sketch-diagram",
  "description": "生成\"黑墨手绘涂鸦\"风格的动画架构图/流程图：米色纸面、针管笔墨线、极淡水洗色块、简笔涂鸦图标、序号章、连线上的流动圆点动画、图标微动效。产出单文件自包含动画 HTML（SVG+CSS），可一键导出无缝循环 GIF。当用户想画架构图、流程图、信息图、技术示意图、对比图、pipeline/workflow 可视化，或提到\"手绘风\"\"涂鸦风\"\"动图\"\"animated diagram\"\"GIF 架构图\"时使用；即使用户没明说要动画，做技术概念科普配图时也应优先考虑本 skill。",
  "author": {
    "name": "iflytek",
    "url": "https://github.com/iflytek",
    "image": "https://avatars.githubusercontent.com/u/26786495?v=4"
  },
  "repository": {
    "url": "https://github.com/iflytek/iFly-Skills",
    "source": "github",
    "subfolder": "skills/animated-sketch-diagram"
  },
  "homepage": "https://github.com/iflytek/iFly-Skills/tree/main/skills/animated-sketch-diagram",
  "distribution": {
    "packages": [
      {
        "registryType": "source",
        "identifier": "iflytek/iFly-Skills@animated-sketch-diagram",
        "version": "main",
        "runtimeHint": "npx skills add"
      }
    ],
    "remotes": []
  },
  "dependencies": [],
  "installTargets": [
    "claude-code",
    "claude-desktop",
    "cursor",
    "codex",
    "vscode"
  ],
  "keywords": [],
  "provenance": {
    "origin": "github-cn",
    "originalId": "iflytek/iFly-Skills/animated-sketch-diagram",
    "originalUrl": "https://github.com/iflytek/iFly-Skills/tree/main/skills/animated-sketch-diagram",
    "isOfficial": true,
    "status": "active"
  }
}