Individual skill
fec-image-generation
用于生成或编辑图表、图形资产、海报、UI 样机、产品图、信息图、学术图、漫画、头像、分镜、品牌板或图像编辑工作流，尤其是导出 PNG 需要视觉质检和有限自动修复时。文字密集图表优先使用确定性的 Mermaid/SVG/HTML/canvas 源；浏览器可打开的技术图优先使用 HTML technical diagrams，覆盖系统蓝图、架构图、部署拓扑、Agent runtime、memory flow、before-after architecture、流程、序列、数据流、生命周期、runbook、PII/数据血缘和状态机；不要用于不涉及生成图像的普通 UI 打磨。中文触发词包括 图片生成、图像编辑、图表生成、架构图、系统蓝图、部署拓扑、Agent runtime、memory flow、before-after architecture、工作流图、数据流、生命周期图、状态机、ER 图、UML、序列图、海报、UI 样机、产品图、信息图、学术图、漫画、头像、分镜、品牌板、PNG 自检、自动修复。
localized/zh-CN/skills/fec-image-generation/SKILL.md
Source commit 5d44782572025045a552ff8945b354726eb5d183
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- No
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Not checked yet
- Last checked
- Nov 7, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 23
- Repository last updated
- Nov 8, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- claude-code Repository topic
- claude-code-plugin Repository topic
- claude-code-skills Repository topic
- e2e-tests Repository topic
- fronend-development Repository topic
- frontend-plugin Repository topic
- frontend-project Repository topic
- react Repository topic
- typescript Repository topic
- vue3 Repository topic
- engineering Derived category
- design Derived category
- design-interface Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 10,180 bytesSKILL.mdcore · 10,180 bytesSKILL.mdcore · 10,180 bytesSKILL.mdcore · 10,180 bytesSKILL.mdcore · 10,180 bytesSKILL.mdcore · 10,180 bytesSKILL.mdcore · 10,180 bytesassets/interactive-diagram.htmlasset · 16,545 bytesassets/quality-examples/README.mddoc · 1,564 bytesassets/quality-examples/architecture.jsonasset · 2,342 bytesassets/quality-examples/invalid-explicit.jsonasset · 644 bytesassets/quality-examples/sequence.jsonasset · 1,042 bytesassets/quality-examples/sequence.mmdasset · 621 bytesassets/quality-examples/workflow.jsonasset · 1,782 bytesassets/quality-examples/workflow.mmdasset · 351 bytesreferences/artifact-routing.mddoc · 4,061 bytesreferences/diagram-workflows.mddoc · 6,474 bytesreferences/html-technical-diagrams.mddoc · 12,828 bytesreferences/png-qa-autofix.mddoc · 2,761 bytesscripts/diagram-browser.mjsruns · 7,798 bytesscripts/diagram-layout.mjsruns · 11,134 bytesscripts/export-diagram.mjsruns · 13,100 bytesscripts/interactive-diagram-server.mjsruns · 22,650 bytesscripts/mermaid-render.mjsruns · 4,615 bytesscripts/png-qa.mjsruns · 19,638 bytesscripts/tech-diagram-render.mjsruns · 65,222 bytes
Read excerpt
# 图片生成与图表工作流
## 用途
生成或编辑图表、视觉资产和图片工作流，并对导出的 PNG 做可复查的自检与修复迭代。
## 流程
1. 判断产物类型
- 文本、结构和连线准确性优先时，用 Mermaid、SVG、HTML/CSS、canvas 或图表库生成可编辑源，再导出 PNG。
- 需要单文件浏览器打开、暗/亮主题和结构化 QA 的系统蓝图、架构图、部署拓扑、Agent runtime、memory flow、before-after architecture、流程、序列、数据流、生命周期、runbook、状态机或 PII/数据血缘图时，使用 HTML technical diagrams。
- 流程地图、审批流、自动化运行、异常路径和循环运营流需要清晰的起止节点、决策、参与者、步骤编号和摘要，但不需要 diagrams.net 时，在 Mermaid 不可用或明确需要浏览器泳道/主题交付时，使用兼容 HTML `workflow` 路线。
- 系统、Agent、memory、数据或 tool-call 图需要语义节点形状、有含义的连线和可浏览器打开、可导出、可 QA 的源文件时，使用主题化 HTML technical diagrams。
- 用户需要在本地浏览器里看到节点和连线实时出现，或需要在会话中拖拽、改标签、删除、缩放并快速导出草图时，使用交互式实时图表路线。