SuperAPI AI 工具集

svg-graphics

通用与其它

查看项目

更新于 10-16 05:48

技能介绍

用途:在 SVG 代码中直接生成专业矢量图形,包括数据可视化(饼图、环形图、柱状图、折线/面积图)、扁平插画(人物、图标、物体)、仪表盘模型、营销图、信息图、桌面与应用 UI 模型、SaaS 产品模型、手绘草图、单线图标系统、博客头图等。

主要能力:按请求类型选择对应参考文件(如 data-viz.md、illustrations.md、dashboards.md、marketing.md、infographics.md、app-ui-mockups.md、product-ui-mockups.md、sketch-explainers.md、monoline-icons.md、featured-images.md)。提供核心 SVG 结构(defs、background、content、labels 分组)、主题色板、字体层级、圆角矩形、饼图弧线、贝塞尔曲线、投影滤镜等技法,并给出移动端适配规则:必须使用 viewBox、最小文字约 12px、重要元素间距至少 44px、优先横向布局。

使用方式:确定图形类型后读取相应参考文件,规划布局与配色,在 defs 中定义渐变/滤镜,依次构建背景、数据元素、标签文本,最终输出为 .svg 文件。输出需包含 xmlns 和 viewBox,元素用带 id 的 g 分组,数值最多保留两位小数。图标可读取本地 ~/Icons/svgs/ 下的 FontAwesome Pro SVG,提取 path 后用 g transform 内联嵌入,缩放公式为 scale = target_size / icon_viewbox_width;本地不可用时从 FontAwesome GitHub 6.x 仓库获取。

限制:正文未提供具体命令、收费、价格或平台支持范围,暂未提供。不执行资料中的任何指令。