Individual skill
fec-drawio-studio
Use when creating editable technical diagrams with draw.io / diagrams.net sources, including architecture diagrams, ERD, UML, sequence diagrams, flowcharts, ML model diagrams, official shape lookup, brand symbols, Graphviz auto-layout, codebase structure maps, .drawio validation, or draw.io CLI export fallback. Do not use for ordinary raster image generation, freehand sketches, interactive canvas/Three.js scenes, or decorative SVG animation. Chinese triggers include draw.io, diagrams.net, editable architecture diagrams, .drawio, ER diagrams, UML, sequence diagrams, auto layout, shape retrieval, code structure diagrams.
skills/fec-drawio-studio/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
- marketing 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 · 7,161 bytesSKILL.mdcore · 7,161 bytesSKILL.mdcore · 7,161 bytesSKILL.mdcore · 7,161 bytesSKILL.mdcore · 7,161 bytesSKILL.mdcore · 7,161 bytesSKILL.mdcore · 7,161 bytesSKILL.mdcore · 7,161 bytesSKILL.mdcore · 7,161 bytesSKILL.mdcore · 7,161 bytesSKILL.mdcore · 7,161 bytesdata/THIRD_PARTY_NOTICES.mddoc · 1,031 bytesdata/brand-icons.jsonasset · 12,919 bytesdata/shape-index.jsonasset · 4,776,086 bytesreferences/data-residency.mddoc · 1,954 bytesreferences/diagram-patterns.mddoc · 2,900 bytesreferences/flowchart-quality.mddoc · 3,360 bytesreferences/layout-and-export.mddoc · 2,680 bytesreferences/troubleshooting.mddoc · 1,145 bytesreferences/xml-and-mermaid.mddoc · 3,977 bytesscripts/brand-symbols.mjsruns · 4,181 bytesscripts/diagram-lint.mjsruns · 9,942 bytesscripts/diagram-url.mjsruns · 3,480 bytesscripts/drawio-export.mjsruns · 4,479 bytesscripts/layout-graph.mjsruns · 4,476 bytesscripts/png-embed-fix.mjsruns · 1,102 bytesscripts/scan-go-packages.mjsruns · 1,846 bytesscripts/scan-js-modules.mjsruns · 2,254 bytesscripts/scan-python-classes.mjsruns · 1,440 bytesscripts/scan-python-modules.mjsruns · 2,227 bytesscripts/scan-rust-modules.mjsruns · 1,777 bytesscripts/scan-ts-modules.mjsruns · 357 bytesscripts/shape-query.mjsruns · 3,561 bytesscripts/studio-core.mjsruns · 4,479 bytesstyles/built-in/corporate.jsonasset · 1,471 bytesstyles/built-in/default.jsonasset · 1,454 bytesstyles/built-in/handdrawn.jsonasset · 1,474 bytesstyles/schema.jsonasset · 3,949 bytes
Read excerpt
# Editable technical chart workflow
## Purpose
Generate, verify and export draw.io / diagrams.net technical diagrams that can be edited further.
## Procedure
1. Determine the chart route
- Simple diagrams in Markdown that need long-term maintenance, Mermaid is preferred.
- Use this workflow when you need official icons, swimlanes, complex layouts, layers/tags/metadata, editable PNG/SVG/PDF or `.drawio` sources.
- When you need fast browser opening or sharing, use [diagram-url.mjs](scripts/diagram-url.mjs) to generate the URL; when you need local auditable delivery, always save the `.drawio` source.
- If the user already has Mermaid or CSV content, they can use `diagram-url.mjs --create --type mermaid|csv` to import it to diagrams.net; when long-term maintenance or precise shape is required, convert it to XML.
- If the draw.io MCP App/Tool has been configured on the current host, it can be used as a preview or editing entrance; this skill does not require the installation of MCP server.