svg-generator
Installation
SKILL.md
SVG 代码生成器
核心工作流
用户描述 → 解析需求 → 设计图形 → 生成 SVG 代码 → 验证输出 → 保存文件
详细流程如下:
- 接收用户描述
- 用户可能会描述需要的图类型(流程图、卡片、图表等)、布局(横向、纵向、网格等)、内容(文字、emoji)和风格(简约、专业、可爱等)。
- 解析用户输入,提取关键信息以指导后续的图形设计和生成。
- 解析用户需求
- 思考需要绘制的图类型、结构、元素、布局和配色,如果不清楚的情况,请用户确认。
- 评估元素数量,合理分组,避免单个图形承载过多内容
- 根据分析结果,设计图的布局和元素
- 确定图的整体结构和层次关系
- 设计每个元素的样式(颜色、形状、大小等)
- 确定元素之间的连接方式(线条、箭头等)
- 生成SVG图代码
Related skills
More from bewatermyfriend7/skill-project
xml-diagram
根据自然语言描述生成 XML 格式(drawio)的图形文件。支持流程图、卡片、图表、图标等常用图形,输出可直接在 drawio 中打开编辑的 .drawio 文件。与 svg-generator 功能完全一致,但输出 drawio XML 格式。当用户提到 XML 绘图、drawio、生成图形、流程图时触发。
9requirements-review
需求评审SKILL,可进一步与用户交互明确需求
8requirements-analysis
需求分析SKILL,可进一步与用户交互明确需求
8prototype-design
原型设计SKILL
7technical-design
技术方案设计SKILL,包含需求的技术实现、流程设计、库表设计、接口设计、任务拆解及预计工时及排期等
7drawio-diagram
根据自然语言描述生成 drawio 格式的图形文件。支持流程图、卡片、图表、图标、架构图等常用图形,输出可直接在 drawio 中打开编辑的 .drawio 文件。当用户提到 drawio、绘图、流程图、架构图、结构图时触发。
6