svg

@gridaco · 收录于 1 周前 · 上游提交 1 周前

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.

场景图标设计矢量图形 ui素材

适合你，如果需要创建或修改 SVG 格式的矢量图形。

/ 下载安装

https://github.com/gridaco/grida/tree/main/skills/svg ↗

/ 通过 npx 安装 校验哈希

npx oh-my-skill add gridaco/grida/svg

/ 通过 bash 安装

curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- gridaco/grida/svg

/ 已经装过?验证本机副本,不用重装

npx oh-my-skill verify gridaco/grida/svg

安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。

2562GitHub stars

~228上下文体积 · 单文件

索引托管

怎么用

商店整理自技能原文 · 版本 2c73d55 · 表述以原文为准

它做什么

安装后，Claude 可以在 Grida 编辑器中创建和编辑 SVG 文件，并实时在画布上显示修改效果。

什么时候触发

当你在 Grida 编辑器中打开或创建 SVG 文件时触发。

装好后可以这样说

Claude 会生成 SVG 代码并显示在画布上。

Claude 会修改 SVG 并更新画布。

Claude 会检查并修正 SVG 语法。

技能原文 SKILL.md作者撰写 · Apache-2.0 · 2c73d55

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_file reason="parse_error", your output broke the SVG. Re-read and fix.

SVG style

When you produce SVG:

Keep xmlns="http://www.w3.org/2000/svg" on the root element.
Preserve existing viewBox, width, height unless asked.
Preserve unrelated nodes and attributes (ids, classes, transforms).
Match the existing formatting (one element per line, 2-space indent).

按 Apache-2.0 许可原样转载,未经改动 · 在 GitHub 查看 →

登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。

…