返回 Skill 列表
extension
分类: 开发与工程无需 API Key

svg-precision

确定性的SVG生成、验证和渲染。用于需要结构正确性和跨查看器兼容性的图标、图表、UI原型或技术绘图。

person作者: jakexiaohubgithub

SVG Precision Skill

Build SVGs from explicit scene specifications, then validate before handing them off.

Workflow

  1. Translate the request into a concrete spec with fixed dimensions and coordinates.
  2. Use references/spec.md for templates and references/recipes.md for stable layout patterns.
  3. Build the SVG with scripts/svg_cli.py build.
  4. Validate with scripts/svg_cli.py validate.
  5. Render a PNG preview when the user needs a quick visual check.

Rules

  • Set viewBox, width, and height explicitly.
  • Prefer absolute coordinates and simple shapes.
  • Treat text as risky when exact rendering matters.
  • Avoid exotic filters unless they are necessary and testable.