gridaco/grida/svg
- community
Checking that the SKILL.md file is still in the repository.
Author and edit `.svg` files in a Grida editor session — live-canvas binding, SVG output style, and parse-error recovery. Use when creating or modifying an SVG document.
Install
npx vskill@latest install gridaco/grida/svgSKILL.md
When you operate on .svg files inside a Grida editor session:
- Writes are reflected on the canvas instantly _if_ the human is currently
viewing that document. Treat the canvas as a live render of what you wrote.
- You may create and edit non-SVG files (e.g.
/notes/draft.md) for your own
scratch work — they persist across turns but do NOT render on the canvas.
- On
edit_filereason="parse_error", your output broke the SVG. Re-read and
fix.
Show the result
- Treat presentation as the first production milestone, not the final
"validate and open" step. For a new standalone SVG, write a meaningful valid first frame with the intended dimensions and basic visible composition, call surface_open immediately with its workspace-rooted path (for example, /poster.svg), then continue adding and refining details while the user can watch. Do not wait for complete content, polish, preview generation, exhaustive validation, or task completion. For nontrivial work, intentionally start with the basic frame instead of authoring the finished SVG before opening it.
- Never open an empty or invalid SVG. For an existing primary SVG, open it
before substantial edits.
- Open a standalone SVG by its file path. When the SVG belongs to a
.canvas
board or deck, the board/deck skill owns presentation: open the .canvas bundle directory once its manifest references a valid document, never the internal SVG or .canvas.json manifest.
- If the standalone SVG or
.canvasbundle is already mounted at the dedicated
file surface's root, it is already presented; do not call surface_open just to reopen it.
- Treat presentation as auxiliary: continue regardless of the result, never
retry based on presentation status, and do not call surface_open after every write.
- Use
surface_list_openonly when the current host surface state is materially
useful. It is not required before surface_open.
SVG style
When you produce SVG:
- Keep
xmlns="http://www.w3.org/2000/svg"on the root element. - Preserve existing
viewBox,width,heightunless asked. - Preserve unrelated nodes and attributes (ids, classes, transforms).
- Match the existing formatting (one element per line, 2-space indent).
Security
- Security scanPassed, 95 of 100Pattern checks on the skill's files.
- Model reviewPassed
Quality evaluation
- Task evaluationNot runNo evaluation yet. Run one in Skill Studio.
Source
- SKILL.md in the repositoryCheckingskills/svg/SKILL.md
Popularity
- Repository stars
- 2,553
- Repository forks
- 140
- 7-day trend score
- 39
Stars and forks are for the whole GitHub repository, not this skill alone. Not refreshed yet.
Works with
Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.
- Claude Code
- Cursor
- GitHub Copilot
- Windsurf
- Codex
- Gemini CLI
- Cline
- Amp
- Roo Code
- Goose
- Continue
- Kilo Code
- Junie
- Trae
- OpenHands
- Qwen Code
- AI Agent
- Tabnine Chat
- Sourcegraph Cody
- Amazon Q
- Firebase Genkit
- Sweep
- Devin
- Phind
- Mentat
- Claude Desktop
- Aider
- GPT Pilot
- Plandex
- bolt.new
- v0
- Replit Agent
- Anse
- TypingMind
- BetterChatGPT
- LibreChat
- Warp AI
- Pieces
- Fig AI
Embed badge
[](https://verified-skill.com/skills/gridaco/grida/svg)