该技能是一套图形设计模式集合，用于指导视觉设计、SVG 创作、版式构图、字体排印与品牌识别。
用途：为界面、图标、横幅、营销图与图表提供可复用的设计规则与检查清单。
主要能力：
- 设计原则：视觉层级（大小、粗细、颜色、位置、留白）、对称/非对称/放射平衡。
- 版式构图：12 栏网格、黄金比例 1:1.618、三分法、边缘/中心/基线/视觉对齐。
- 字体排印：1.25 比例字号表（Display 72px 至 Caption 12px）、字体搭配（衬线+无衬线等）、行高 1.4–1.6、行长 45–75 字符、每设计最多 3 种字号。
- 色彩理论：单色、互补、类似、三角、分裂互补配色；色彩心理与 WCAG 对比度（AA 4.5:1、AA 大字 3:1、AAA 7:1）。
- Mermaid 图表配色：GitHub Pastel Palette v2 语义色映射，含填充、文字、描边色值，并说明何时覆盖调色板。
- SVG 设计：结构（defs、g、图层）、常用元素（rect、circle、ellipse、line、path、text、g）、路径命令（M/L/H/V/Q/C/Z）、文本对齐、线性/径向渐变、变换（translate/rotate/scale/skew）。
- 横幅与营销设计：VS Code Marketplace 与 GitHub Social 1280×640、Twitter Header 1500×500、LinkedIn Banner 1584×396、Open Graph 1200×630；三段式构图与胶囊徽章写法。
- 图标设计：24×24/16×16 网格、安全区、简洁/一致/视觉平衡/隐喻原则，以及描边、填充、双色调、字形风格。
- 设计系统：8px 间距刻度、阴影层级、圆角刻度。
- 设计评审清单：视觉质量、字体、颜色、技术四类检查项。
使用方式：作为设计参考与检查清单，在创建 SVG、横幅、图标或图表时套用上述规则；资料未提供安装命令或调用接口。
适用场景：UI/品牌视觉、营销横幅、图标、Mermaid 图表配色、设计评审。
限制：资料未提供具体工具集成、收费、平台支持或自动化执行方式；色值与尺寸为资料给出的示例，实际使用需按项目调整。