Svg Cover Generator

Polar Sponsor
爱发电 赞助
.NET 9.0

为报告、文章、幻灯片、社交卡片、电子书封面、海报及落地页主视觉创建精美且可编辑的SVG封面图。适用于需要...

SVG 封面生成器

功能概述

SVG 封面生成器是一项面向实际任务的技能,主要用于将一个自成一体的 SVG 封面刻录在视觉上, 易于编辑, 并准备保存为 . svg .;QQ 快速流;

核心要点

  • 确认目标格式、 尺寸、 文本内容。
  • 它将相关步骤、工具调用和结果整理方式集中到统一流程中,帮助使用者更快完成目标并减少重复操作。
  • 使用时应结合输入条件选择合适的执行方式,核对必要参数、依赖环境与输出内容,并按原始要求处理异常情况。

使用与执行

该技能适合需要稳定复用相关能力的场景,可作为自动化工作流的一部分,也便于后续检查、调整和扩展。从功能定位来看,该技能强调把分散的操作要求整理成清晰、可复用的处理流程,使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数,再依据技能说明逐步执行;

结果检查与注意事项

若输入条件不完整,应先补齐信息或采用保守配置,避免因错误假设导致结果偏离需求。执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期,并对异常提示、缺失字段和边界情况进行处理;涉及批量任务时,还应保存进度,避免中断后重复操作。

SVG 封面生成器

生成一个自包含的 SVG 封面:视觉意图明确、易于编辑,并可直接保存为 .svg 文件。

快速工作流

  1. 确认目标格式、尺寸、文字内容及整体氛围(mood)。
  2. 在开始设计前,通读 design-rules.md 和 layout-recipes.md。
  3. 从布局方案中选择一个最契合需求的 recipe。
  4. 编写完整的 SVG 代码,使用内联样式(inline styles),不依赖任何外部资源。
  5. 完成前验证 SVG 结构的有效性。

输入采集(Intake)

若用户已提供清晰的需求说明(brief),则无需过度追问。否则,请收集以下最少必要信息:

  • 标题(Title)
  • 可选副标题(subtitle)或署名行(byline)
  • 预期用途:报告封面、社交卡片、幻灯片封面、海报、首页大图(hero image)等
  • 画布尺寸(canvas size)或宽高比(aspect ratio)
  • 品牌色(brand colors)或视觉氛围(visual mood)
  • 期望风格倾向:企业级(corporate)、编辑风(editorial)、趣味性(playful)、技术感(technical)、极简(minimal)、强烈醒目(bold)等

合理默认值如下:

  • 通用横版封面使用 1600x900;
  • 竖版社交风格封面使用 1080x1350;
  • 方形封面使用 1080x1080;
  • 除非用户明确指定了字体要求,否则 SVG 内部应采用简洁的无衬线字体回退栈(sans-serif fallback stack)。

构图规则

  • 优先采用醒目的排版与少量强视觉形状,避免繁复插画风格;
  • 确保标题是画面中最主导的元素;
  • 除非 brief 明确要求更丰富的配色方案,否则限制使用 2–4 种颜色;
  • 通过渐变(gradients)、网格(grids)、色带(bands)、蒙版(masks)或几何簇(geometric clusters)营造氛围;
  • 所有文本均须保留为可编辑的 元素,除非用户明确要求转为路径(paths);
  • 禁止嵌入光栅图像(raster images),除非用户明确提供了图像并要求将其包含在内。

构建流程

1. 选择布局

从 layout-recipes.md 中选取一个符合 brief 的布局方案。

2. 构建 SVG

输出必须始终包含以下结构:

  • 一个带 xmlns、width、height 和 viewBox 属性的 根元素;
  • 一个背景图层(background layer);
  • 一个内容图层(content layer),用于放置标题及辅助文字;
  • 一个视觉母题图层(visual motif layer),例如线条、圆形、色块、网状渐变(mesh-like gradients)或抽象几何图形。

所有样式需以内联方式写入