cc-drawio-studio

77 / 100 · Review before installing

Check before installing. Some of what it can do is expected: a coding skill usually runs build and test commands.

By bovinphang/frontend-craft (GitHub) · coding · 23 stars · scanned at commit 2d779d3

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, edita…

Works with any agent that supports SKILL.md skills.

What this skill can do

Runs commands on your computer

The author does not mention this. It runs automatically when the plugin is installed. Expected for a coding skill.

Found in 18 places.

skills/cc-drawio-studio/SKILL.md, line 39node skills/cc-drawio-studio/scripts/diagram-lint.mjs diagram.drawio --format markdown
skills/cc-drawio-studio/SKILL.md, line 43node skills/cc-drawio-studio/scripts/drawio-export.mjs diagram.drawio --format png --output diagram.png --width 2000
skills/cc-drawio-studio/SKILL.md, line 51node skills/cc-drawio-studio/scripts/drawio-export.mjs diagram.drawio --format png --output diagram.drawio.png --scale 2 --embed

Show 15 more

skills/cc-drawio-studio/scripts/drawio-export.mjs, line 5import { spawnSync } from "node:child_process";
skills/cc-drawio-studio/scripts/drawio-export.mjs, line 133const result = spawnSync(plan.command[0], plan.command.slice(1), { stdio: "inherit" });
skills/cc-drawio-studio/scripts/layout-graph.mjs, line 2import { spawnSync } from "node:child_process";
skills/cc-drawio-studio/scripts/layout-graph.mjs, line 26const proc = spawnSync("dot", ["-Tplain"], { input: dot, encoding: "utf8" });
.mcp.json, line 4"command": "npx",
.mcp.json, line 11"command": "npx",
.mcp.json, line 18"command": "npx",
.mcp.json, line 25"command": "npx",
.mcp.json, line 37"command": "npx",
hooks/hooks.json, line 9"command": "node \"${CLAUDE_PLUGIN_ROOT}/dist/hooks/fec-security-check.js\"",
hooks/hooks.json, line 22"command": "node \"${CLAUDE_PLUGIN_ROOT}/dist/hooks/fec-format-changed-file.js\"",
hooks/hooks.json, line 35"command": "node \"${CLAUDE_PLUGIN_ROOT}/dist/hooks/fec-cleanup-claude-cache.js\"",
hooks/hooks.json, line 40"command": "node \"${CLAUDE_PLUGIN_ROOT}/dist/hooks/fec-session-start.js\"",
hooks/hooks.json, line 52"command": "node \"${CLAUDE_PLUGIN_ROOT}/dist/hooks/fec-run-tests.js\"",
hooks/hooks.json, line 65"command": "node \"${CLAUDE_PLUGIN_ROOT}/dist/hooks/fec-notify.js\""

Connects to the internet

This is disclosed by the author in the skill's SKILL.md or README.

Found in 1 place.

skills/cc-drawio-studio/scripts/brand-symbols.mjs, line 77const response = await fetch(url);

Downloads and installs other software

The author does not mention this. It runs automatically when the plugin is installed.

Found in 6 places.

skills/cc-drawio-studio/scripts/drawio-export.mjs, line 12"macOS: brew install --cask drawio",
.mcp.json, line 4"command": "npx",
.mcp.json, line 11"command": "npx",

Show 3 more

.mcp.json, line 18"command": "npx",
.mcp.json, line 25"command": "npx",
.mcp.json, line 37"command": "npx",

Safer alternatives

Low-risk skills in the same category (coding) that look related. Check that one does what you need.

Other copies in this repository

bovinphang/frontend-craft has 1 more folder with a skill named cc-drawio-studio. This page shows the lowest-scoring copy.

localized/zh-CN/skills/cc-drawio-studio 77/100 · Review before installing

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'cc-drawio-studio' ] || [ -L ~/.agents/skills/'cc-drawio-studio' ]; then echo 'A skill folder named cc-drawio-studio already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/bovinphang/frontend-craft' "$d" && git -C "$d" checkout --quiet '2d779d35f55643e3b6dab139fcc56ddf453260b0' -- 'skills/cc-drawio-studio' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/cc-drawio-studio' ~/.agents/skills/'cc-drawio-studio' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'cc-drawio-studio' ~/.claude/skills/'cc-drawio-studio' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for bovinphang/frontend-craft shows the score of its lowest-scoring skill.

SkillTrust badge for bovinphang/frontend-craft

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/bovinphang/frontend-craft.svg)](https://zalavijaysinh.github.io/skilltrust/repos/bovinphang/frontend-craft/)

Score history

Date	Version	Score
2026-11-12	`2d779d3`	77