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

svg-illustration

当您需要幻灯片中SVG图表的规则、布局模式或嵌入指南,并希望获得最简化的专注于SVG的阅读路径时,请使用此方法。

person作者: jakexiaohubgithub

SVG Illustration Entry

Overview

Thin entry skill for SVG diagrams. Core principle: go straight to SVG rules and patterns rather than scanning slide authoring or color modules.

When to Use

  • Creating slide-ready SVG diagrams or illustrations
  • Choosing SVG sizing, spacing, and embedding rules
  • Troubleshooting SVG export/embedding issues

Quick Reference

| Goal | Read | | --- | --- | | Core rules | references/core-rules.md | | Pattern examples | references/pattern-examples.md | | Embedding in slides | references/embedding.md | | Troubleshooting | references/troubleshooting.md |

Example

Prompt: "Need an architecture diagram with clean sizing." → Read core-rules.md, then pattern-examples.md.

Assets

  • assets/examples/ - SVG diagram examples

Common Mistakes

  • Reading Marp authoring before SVG rules when only diagrams are needed
  • Skimming slide-creator overview instead of SVG references

Red Flags

  • "Maybe SVG rules are buried in authoring"
  • "I'll just skim everything"