内容主题风格生成器
为演示、文档、报告和网页建立或套用一套完整主题,包括颜色、字体、间距和组件表面。适合已有内容但缺少统一视觉,或需要为同一内容快速生成不同主题版本。
装好之后怎么用
怎么用:在 AI 工具里直接描述任务即可自动触发。显式调用的写法各端不同:Claude Code / Cursor 等用 /artifact-theme-styler,Codex 用 $artifact-theme-styler,Kimi Code 用 /skill:artifact-theme-styler,ZCODE 用 $artifact-theme-styler,Gemini CLI 以自动激活为主。
技能内容
SKILL.md版本与文件 ›内容主题风格生成器
这个 Skill 能做什么
为演示、文档、报告和网页建立或套用一套完整主题,包括颜色、字体、间距和组件表面。
完成任务时重点处理:
- 主题与内容气质的匹配
- 跨页面和跨媒介的视觉一致性
- 可复用令牌与高频组件样式
最终目标不是堆出一份看似完整的内容,而是交付能够直接使用、继续修改并清楚验收的结果。
什么时候使用
- 已有内容但缺少统一视觉,或需要为同一内容快速生成不同主题版本。
- 用户需要为演示、文档、报告和网页建立或套用一套完整主题,包括颜色、字体、间距和组件表面。
- 任务需要同时控制主题与内容气质的匹配、跨页面和跨媒介的视觉一致性。
如果现有内容结构混乱时先修复层级,再应用主题,先处理前置条件,不要直接假装任务已经完成。
开始前需要什么
优先收集:
- 目标受众与使用场景
- 画布尺寸、数量和输出格式
- 原始内容与可用素材
- 品牌规范、风格偏好和禁用项
- 需要套用主题的文件或页面范围
- 希望保留的现有元素和可替换资产
信息不必一次问完。先检查用户已经提供的材料,只追问会明显改变结果的问题。
执行步骤
1. 读取内容气质
判断内容是正式、温暖、技术、文化还是活动导向。
2. 选择主题骨架
确定明暗、色温、字体关系、网格和图像处理。
3. 生成设计令牌
定义颜色、字号、间距、边框、阴影和状态。
4. 应用高频组件
先处理标题、正文、卡片、表格、图表和按钮。
5. 处理特殊页面
为封面、章节、引用和结论保留受控变化。
6. 全局校正
检查对比度、密度、字体缺失和主题覆盖遗漏。
输出格式
至少交付以下内容:
- 主题说明:颜色、字体、间距和组件规则
- 主题化成品:已统一应用主题的目标文件或页面
- 令牌清单:便于后续复用的变量与使用说明
所有文件使用能说明内容和版本的名称。若任务包含执行动作,还要记录执行状态、验证结果和可继续处理的材料。
完整示例
用户有一份数据密集的季度报告,希望改成温暖而可信的阅读体验;使用纸张色背景、深墨正文和少量高亮色统一图表。
合理处理顺序:
- 读取内容气质
- 选择主题骨架
- 生成设计令牌
- 应用高频组件
- 处理特殊页面
- 全局校正
交付时应重点展示主题说明、主题化成品、令牌清单,并说明尚未验证的部分。
质量检查清单
- [ ] 信息层级在目标尺寸下清楚
- [ ] 色彩、字体、间距和素材处理保持一致
- [ ] 输出规格正确且没有素材拉伸或误裁
- [ ] 视觉选择服务于内容,不依赖无意义装饰
- [ ] 主题变化没有降低数据和正文可读性
- [ ] 特殊页面仍能看出属于同一系统
信息不足时怎么处理
- 缺少风格方向时,根据主题提供一套克制方案并标明假设。
- 素材不足时优先使用排版、图形和结构化表达,不伪造关键事实。
- 现有内容结构混乱时先修复层级,再应用主题。
评论 0
更多
登录后可点赞、收藏、评论和举报。
还没有评论,先发起一个具体问题。