Diagram Design
cathrynlavery/diagram-design
Creates branded diagrams, from architecture, flowchart and sequence to charts and maps, as self-contained HTML with inline SVG, with import from draw.io, Mermaid and Excalidraw.
Onboards a corporate sponsor to ZCF by listing it in the three READMEs, and optionally registers its API preset and places ad cards in docs.
$ npx skills add UfoMiao/zcf --skill zcf-add-sponsor -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install UfoMiao/zcf zcf-add-sponsor --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/UfoMiao/zcf.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/zcf-add-sponsor .claude/skills/zcf-add-sponsor && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "zcf-add-sponsor" agent skill from https://github.com/UfoMiao/zcf/tree/main/.claude/skills/zcf-add-sponsor into .claude/skills/zcf-add-sponsor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "zcf-add-sponsor", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/UfoMiao/zcf/tree/main/.claude/skills/zcf-add-sponsorType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add UfoMiao/zcf --skill zcf-add-sponsor -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install UfoMiao/zcf zcf-add-sponsor --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/UfoMiao/zcf.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.claude/skills/zcf-add-sponsor .agents/skills/zcf-add-sponsor && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "zcf-add-sponsor" agent skill from https://github.com/UfoMiao/zcf/tree/main/.claude/skills/zcf-add-sponsor into .agents/skills/zcf-add-sponsor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "zcf-add-sponsor", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add UfoMiao/zcf --skill zcf-add-sponsor -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install UfoMiao/zcf zcf-add-sponsor --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/UfoMiao/zcf.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.claude/skills/zcf-add-sponsor .cursor/skills/zcf-add-sponsor && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "zcf-add-sponsor" agent skill from https://github.com/UfoMiao/zcf/tree/main/.claude/skills/zcf-add-sponsor into .cursor/skills/zcf-add-sponsor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "zcf-add-sponsor", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/UfoMiao/zcf.git --path .claude/skills/zcf-add-sponsor--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add UfoMiao/zcf --skill zcf-add-sponsor -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install UfoMiao/zcf zcf-add-sponsor --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/UfoMiao/zcf.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.claude/skills/zcf-add-sponsor .gemini/skills/zcf-add-sponsor && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "zcf-add-sponsor" agent skill from https://github.com/UfoMiao/zcf/tree/main/.claude/skills/zcf-add-sponsor into .gemini/skills/zcf-add-sponsor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "zcf-add-sponsor", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install UfoMiao/zcf zcf-add-sponsorInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add UfoMiao/zcf --skill zcf-add-sponsor -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/UfoMiao/zcf.git skills-src && mkdir -p .github/skills && cp -r skills-src/.claude/skills/zcf-add-sponsor .github/skills/zcf-add-sponsor && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "zcf-add-sponsor" agent skill from https://github.com/UfoMiao/zcf/tree/main/.claude/skills/zcf-add-sponsor into .github/skills/zcf-add-sponsor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "zcf-add-sponsor", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add UfoMiao/zcf --skill zcf-add-sponsor -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install UfoMiao/zcf zcf-add-sponsor --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/UfoMiao/zcf.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.claude/skills/zcf-add-sponsor .opencode/skills/zcf-add-sponsor && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "zcf-add-sponsor" agent skill from https://github.com/UfoMiao/zcf/tree/main/.claude/skills/zcf-add-sponsor into .opencode/skills/zcf-add-sponsor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "zcf-add-sponsor", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
zcf-add-sponsorOnboards a corporate sponsor to ZCF by listing it in the three READMEs, and optionally registers its API preset and places ad cards in docs.
Run as /zcf-add-sponsor, the skill by default adds one bullet to the Our Sponsors, Corporate Sponsors list in the three README files (Chinese, English and Japanese). Sponsor details such as display name and affiliate URL are prompted for when missing, and a trailing badge emoji has a default that can be changed.
The with-api flag also appends an entry to the API provider presets in src/config/api-providers.ts, asking about base URL, auth type, wire API, default models and which code tools it supports. The with-ad flag inserts ad cards that mirror the existing sponsor cards into the READMEs and the docs index pages, using relative image paths in READMEs and absolute raw GitHub URLs in docs, placed after the last existing card.
8 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 63cb2d0. It shows what the files ask for, not the result of running them.
Pre-approves these tools, so the agent can use them without asking each time:
Read(**)Write(**)Edit(**)Exec(lscatgreprgsedawkfile…and 4 more on the same allowed-tools line.
From allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
pnpmrgFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use pnpm, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
ZCF Sponsor Onboarding loads about 2.5k tokens when it runs. Until then it costs about 36 tokens; SKILL.md has 831 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from UfoMiao/zcf at commit 63cb2d0, republished under its MIT licence (© UfoMiao). 831 words, ~2,539 tokens.
.claude/skills/zcf-add-sponsor/SKILL.md (or your agent's skills folder).Quickly onboard a new corporate sponsor across the ZCF project: README sponsor lists by default, with optional API provider preset and documentation ad placements.
/zcf-add-sponsor [--with-api] [--with-ad] [--name <name>] [--url <url>] [--id <provider-id>] [--logo <path>] [--badge <emoji>]--with-api — Also append a new entry to src/config/api-providers.ts (API_PROVIDER_PRESETS)--with-ad — Also insert ad cards into:README.md, README_zh-CN.md, README_ja-JP.md (top ♥️ Sponsors section, table card)docs/en/index.md, docs/zh-CN/index.md, docs/ja-JP/index.md (top ♥️ Sponsor section, table card)--name <name> — Display name (e.g. FooAI)--url <url> — Affiliate/registration URL (used in every link)--id <provider-id> — API provider id, kebab-case (only required with --with-api, e.g. fooai)--logo <path> — Local logo path under src/assets/ (only required with --with-ad, e.g. ./src/assets/fooai.png)--badge <emoji> — Trailing emoji badge for the list bullet (default: 🎁)Our Sponsors → Corporate Sponsors bullet list in the three READMEs (zh-CN, en, ja-JP). docs/*/index.md does not contain a sponsor list — it only contains an ad section, handled by --with-ad.ApiProviderPreset interface in src/config/api-providers.ts. Ask the user about baseUrl, authType, wireApi, defaultModels, and which code tools are supported (claude-code, codex, or both).<table><tr><td width="180"><a><img></a></td><td>...description...</td></tr></table>, appended after the last existing sponsor card and before the next ## heading.README*.md use relative path ./src/assets/<file>docs/*/index.md use absolute GitHub raw URL https://raw.githubusercontent.com/UfoMiao/zcf/main/src/assets/<file>You are a project documentation maintainer. Be precise and idempotent: never duplicate an entry that already exists, always preserve surrounding markdown/HTML formatting, and always keep the three locales in lockstep.
Parse arguments: $ARGUMENTS
Parse from $ARGUMENTS:
WITH_API=false # toggled by --with-api
WITH_AD=false # toggled by --with-ad
NAME="" # --name <name>
URL="" # --url <url>
PROVIDER_ID="" # --id <id>
LOGO_PATH="" # --logo <path>
BADGE="🎁" # --badge <emoji>, default 🎁
Validation:
- NAME and URL are always required → if missing, prompt user
- If WITH_API: PROVIDER_ID required → if missing, prompt user.
Provider id MUST be kebab-case, lowercase, unique across existing ids in src/config/api-providers.ts
- If WITH_AD: LOGO_PATH required → if missing, prompt user.
Verify the logo file exists at the given path (relative to repo root).
If not, instruct the user to place the logo under src/assets/ first and abort.If any required field is missing, ask the user once in a consolidated prompt covering:
--with-api:claude-code / codex / bothbaseUrl and authType (api_key | auth_token)baseUrl (always wireApi: 'responses' per existing convention)defaultModels array (Claude Code) or defaultModel string (Codex)Then auto-translate the description into the other two languages, preserving brand names, URLs, and numbers.
Before any write, scan target files for the sponsor name or URL. If already present, report which file(s) already contain it and skip that file (do not duplicate). Continue with remaining files.
rg -l --fixed-strings "<NAME>" README.md README_zh-CN.md README_ja-JP.md docs/en/index.md docs/zh-CN/index.md docs/ja-JP/index.md src/config/api-providers.ts 2>/dev/nullLocate the Corporate Sponsors bullet list in each README and append a new bullet at the end of that list (before the 【Individual Sponsors】 / 【个人赞助商】 / 【個人スポンサー】 heading):
README.md — under 【Corporate Sponsors】:- [<NAME>](<URL>) (<EN_TAGLINE> <BADGE>)README_zh-CN.md — under 【企业赞助商】:- [<NAME>](<URL>) (<ZH_TAGLINE> <BADGE>)README_ja-JP.md — under 【企業スポンサー】:- [<NAME>](<URL>)(<JP_TAGLINE> <BADGE>)<*_TAGLINE> is a short 4–10 char positioning phrase derived from the source description (e.g. "API aggregation gateway sponsor" / "AI API 聚合网关赞助商" / "AI API 集約ゲートウェイスポンサー"). Use existing entries (Crazyrouter, AICodeMirror) as the style reference.
--with-adFor each of the six files below, locate the existing sponsor card table and append a new <tr>...</tr> row to the same <table> (or, if the existing structure uses sibling <table> blocks, append a new sibling table immediately after the last one). Match the exact layout of the most recent existing card.
Target files & image base path:
| File | Image path prefix |
|---|---|
README.md | ./src/assets/ |
README_zh-CN.md | ./src/assets/ |
README_ja-JP.md | ./src/assets/ |
docs/en/index.md | https://raw.githubusercontent.com/UfoMiao/zcf/main/src/assets/ |
docs/zh-CN/index.md | https://raw.githubusercontent.com/UfoMiao/zcf/main/src/assets/ |
docs/ja-JP/index.md | https://raw.githubusercontent.com/UfoMiao/zcf/main/src/assets/ |
Card template (reference, fill brackets per locale):
<table>
<tr>
<td width="180"><a href="<URL>"><img src="<IMG_PREFIX><LOGO_FILENAME>" alt="<NAME>" width="150"></a></td>
<td><LOCALIZED_DESCRIPTION_INCLUDING_OFFER_AND_LINK></td>
</tr>
</table>Important: Insert after the last existing sponsor card and before the next
##heading (typically## 📺 ...or## ✨ ...). Preserve surrounding blank lines.
--with-apiEdit src/config/api-providers.ts. Append a new object to the API_PROVIDER_PRESETS array, before the closing ], mirroring the style of existing entries:
{
id: '<PROVIDER_ID>',
name: '<NAME>',
supportedCodeTools: [<'claude-code' and/or 'codex'>],
claudeCode: {
baseUrl: '<CC_BASE_URL>',
authType: '<api_key|auth_token>',
// defaultModels: [...], // include only if user provided
},
codex: { // include only if codex is supported
baseUrl: '<CODEX_BASE_URL>',
wireApi: 'responses',
// defaultModel: '...', // include only if user provided
},
description: '<EN_DESCRIPTION>',
},Then run pnpm typecheck to confirm no type errors. If the project has corresponding tests for getValidProviderIds() or fixtures, surface them in the summary so the user can update tests if needed.
✓ List bullets present in all 3 READMEs (or skipped due to existing entry)
✓ If --with-ad: card rows present in all 6 target files (or skipped)
✓ If --with-api: new preset object syntactically valid; pnpm typecheck passes
✓ No duplicate ids in API_PROVIDER_PRESETS
✓ All URLs identical across files
✓ Logo file exists at src/assets/<filename> when --with-ad is usedPrint a concise summary:
🎉 Sponsor "<NAME>" added
Sponsor list bullets:
✓ README.md
✓ README_zh-CN.md
✓ README_ja-JP.md
Ad cards (--with-ad): [yes/no]
✓/⊘ README.md / README_zh-CN.md / README_ja-JP.md
✓/⊘ docs/en/index.md / docs/zh-CN/index.md / docs/ja-JP/index.md
API preset (--with-api): [yes/no]
✓/⊘ src/config/api-providers.ts (id: <PROVIDER_ID>)
Skipped (already present): [list]
Next steps:
- Review changes with: git diff
- If --with-api: consider adding tests in tests/ for the new provider
- Commit with: /zcf-pr or your preferred flow⚠️ Critical Requirements
src/assets/ before writing ad cardspnpm typecheck after editing/zcf-pr【Corporate Sponsors】 / 【企业赞助商】 / 【企業スポンサー】)📌 Style Reference
When in doubt, copy the structure of the most recent existing sponsor entry (currently Crazyrouter) — it represents the canonical layout for both bullet entries and ad cards across all six target documents.
🔍 Idempotency
Re-running with the same --name and --url MUST be a no-op. Detection is by exact match on either NAME or URL within the relevant section.
Now starting sponsor onboarding...
© UfoMiao, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in .claude/skills/zcf-add-sponsor of UfoMiao/zcf.
Open the folder on GitHubat commit 63cb2d0
ZCF Sponsor Onboarding next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| ZCF Sponsor Onboarding this skillUfoMiao/zcf | 6.1k | — | ~2.5k | Automated safety check: Pass | MIT | |
| Diagram Designcathrynlavery/diagram-design | 49k | 1 repos | ~7.6k | Automated safety check: Pass | MIT | |
| Simple Englishmoeru-ai/airi | 50k | 2 repos | ~4.6k | Automated safety check: Pass | MIT | |
| Doc SyncJetBrains/ideavim | 10k | 2 repos | ~2.6k | Automated safety check: Pass | MIT | |
| Mailspring App ScreenshotsFoundry376/Mailspring | 18k | — | ~1.5k | Automated safety check: Pass | GPL-3.0 | |
| Draw.io Diagram StudioAgents365-ai/drawio-skill | 10k | — | ~2.4k | Automated safety check: Notes | MIT |
cathrynlavery/diagram-design
Creates branded diagrams, from architecture, flowchart and sequence to charts and maps, as self-contained HTML with inline SVG, with import from draw.io, Mermaid and Excalidraw.
moeru-ai/airi
Write or rewrite technical text with the rules of ASD-STE100 Simplified Technical English so it is clear, unambiguous, and free of AI slop.
JetBrains/ideavim
Keeps IdeaVim documentation in sync with code changes. An agent skill from JetBrains/ideavim.
Foundry376/Mailspring
Captures screenshots of the running Mailspring dev app for docs, PRs or visual checks by launching it with a debugging port, driving the UI and clipping to an element.
Agents365-ai/drawio-skill
Creates and edits editable draw.io diagrams from descriptions, code, infrastructure files, SQL and API schemas, with sync, review, test and export tools.
Cocoon-AI/architecture-diagram-generator
Creates dark-themed system, cloud, security and network architecture diagrams as self-contained HTML files with inline SVG and CSS.
UfoMiao/zcf
Analyzes the current branch's changes since it diverged from base and opens a pull request through the GitHub CLI with an auto-generated, standardized description.
UfoMiao/zcf
Automates a version release with changesets: analyzes code changes, writes a bilingual CHANGELOG, bumps the version and commits through a release branch and pull request.
UfoMiao/zcf
Compares code changes since the last Git tag with the multilingual docs and CLAUDE.md, then updates them or only reports mismatches with --check-only.
Categories
Onboards a corporate sponsor to ZCF by listing it in the three READMEs, and optionally registers its API preset and places ad cards in docs. Run as /zcf-add-sponsor, the skill by default adds one bullet to the Our Sponsors, Corporate Sponsors list in the three README files (Chinese, English and Japanese). Sponsor details such as display name and affiliate URL are prompted for when missing, and a trailing badge emoji has a default that can be changed.
ZCF Sponsor Onboarding fits situations like: A new corporate sponsor needs to appear in the ZCF README sponsor lists; registering a sponsor's API service as a provider preset; adding a sponsor ad card to the READMEs and documentation home pages.
Run `npx skills add UfoMiao/zcf --skill zcf-add-sponsor -a claude-code`. Or copy the skill folder (.claude/skills/zcf-add-sponsor in UfoMiao/zcf) into .claude/skills/zcf-add-sponsor in your project. Claude Code loads it when a task matches its description.
Run `npx skills add UfoMiao/zcf --skill zcf-add-sponsor -a codex`. Or copy the skill folder (.claude/skills/zcf-add-sponsor in UfoMiao/zcf) into .agents/skills/zcf-add-sponsor in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add UfoMiao/zcf --skill zcf-add-sponsor -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/zcf-add-sponsor, .gemini/skills/zcf-add-sponsor, .github/skills/zcf-add-sponsor and .opencode/skills/zcf-add-sponsor in your project.
Going by SKILL.md and its folder, ZCF Sponsor Onboarding needs the command-line tools its instructions call (pnpm and rg). Our summary lists: A checkout of the ZCF repository. Its frontmatter pre-approves these tools: Read(**), Write(**), Edit(**), Exec(ls, cat, grep, rg, sed, awk, file, mv, pnpm, node, git).
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
ZCF Sponsor Onboarding is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 2.5k tokens (SKILL.md is roughly 10k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with ZCF Sponsor Onboarding: Diagram Design (cathrynlavery/diagram-design, 49k stars), Simple English (moeru-ai/airi, 50k stars), Doc Sync (JetBrains/ideavim, 10k stars) and Mailspring App Screenshots (Foundry376/Mailspring, 18k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
UfoMiao (a GitHub organization) maintains it in UfoMiao/zcf, which has 6,079 GitHub stars. The repository holds 4 skills in this directory. The repository was last updated on August 31, 2026.
Source: UfoMiao/zcf on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.