主题设计 · 技能模板

ThemeFactorySkill

theme-factory 示例提供 10 套预设主题，并能根据需求生成自定义色板、字体与组件样式指导。适用于规范前端 Artifact、网站或内部工具的外观，让不同页面快速统一风格。

输出内容

色板 token（主色、次色、语义色、背景/边框）。
排版建议，包括标题/正文字体与字号行距。
组件使用指南，覆盖按钮、卡片、输入框等基础元素。

资源结构

`themes/preset/*.json` —— 预置主题 token。
`instructions/custom-theme.md` —— 引导提问与输出格式。
`examples/artifact-theme-guide.md` —— 示例说明如何在 Artifact 中应用。

SKILL.md 摘要

---
name: theme-factory
description: Style artifacts with preset professional themes or generate custom ones on the fly.
workflow:
  - Interview for brand keywords + constraints
  - Recommend preset or craft new theme tokens
  - Provide implementation guide + accessibility checks
requirements:
  - 对比度达标
  - 提供浅色/深色变体
  - 输出 token +说明

使用技巧

对接前端项目时，可直接将 token 转换为 Tailwind 配置或 CSS 变量。建议在 PR 中附带示例组件截图，并在 QA 过程验证无障碍对比度。

可与 SlackGifCreatorSkill、ArtifactsBuilderSkill 组合使用，实现品牌视觉的一致传达。