面向海外语音房运营活动的视觉设计与工作流 Skill。它把 UX 线框、平台语境、活动主题、用户指定色系和活动等级,转化为可执行的视觉策略、页面物料拆解、Figma 组件映射与中文 AI 生图 Prompt。
当前主要通过真实 WeFun 项目完成校准;FunUp 与 Higo 平台画像仍待补充案例验证。
- 从 Figma 节点、UX 线框或页面截图中识别任务、抽奖、榜单、房间 PK、兑换与权益链路。
- 区分平台稳定业务骨架与活动主题皮肤,避免只输出一个孤立的漂亮 KV。
- 建立主色、辅色、强调色、材质与装饰语言,并贯穿 KV、Tab、奖池、礼物和权益。
- 把 Tab、玩法名与奖励名转译为可绘制的主题资产,并输出可直接复制到即梦等工具的独立 Prompt。
- 分析标题字体性格、字形结构、材质字效与繁中/韩文可读性。
- 建立
UX 模块 → Figma 母组件/节点 → Token → 替换内容 → 保留逻辑映射。 - 在授权的测试文件中以非破坏方式建立 V1/V2/V3 设计探索版本。
启动项目时建议提供以下 6 项信息:
- UX 图、完整页面框架、Figma 文件/节点或截图。
- 平台:WeFun、FunUp 或 Higo。
- 主题 Topic。
- 色调与风格 Tone & Style。
- 活动等级:A 或 S。
- 主色调与色系感觉。
主色调是 KV、礼物、宝箱、Tab、称号及所有延展资产的上游约束。缺失时,Skill 会优先向用户确认,而不会自行定案。
- 输入边界、假设与风险
- 平台、用户与主题洞察
- 视觉策略与 Hex 色盘
- 区域页面和业务模块拆解
- 文案意象与核心道具方向
- 单元素中文 Prompt 库
- 完整主 KV 中文 Prompt
- 标题字体与字效分析、标题 Prompt
- 按需提供 Figma 映射、动效、切图和研发交接
将仓库中的 skill/campaign-ui-copilot 复制到 Codex Skill 目录:
git clone https://github.com/FanRonghuan/Campaign-ui-copilot.git
Copy-Item -Recurse -Force .\Campaign-ui-copilot\skill\campaign-ui-copilot "$HOME\.codex\skills\campaign-ui-copilot"重新启动或刷新 Codex 后,通过自然语言或显式名称调用:
使用 $campaign-ui-copilot,平台 WeFun,主题为山林避暑,A 级活动。
主调为黄绿色,Q 版与二次元人物,结合这个 Figma UX 输出视觉策略、物料拆解、独立元素 Prompt、主 KV Prompt 和母组件映射。
Campaign-ui-copilot/
├── README.md
├── CHANGELOG.md
├── CONTRIBUTING.md
├── LICENSE
├── SECURITY.md
├── docs/
│ ├── figma-workflow.md
│ └── prompt-example.md
└── skill/
└── campaign-ui-copilot/
├── SKILL.md
├── agents/openai.yaml
└── references/
├── output-template.md
├── prompt-asset-workflow.md
├── title-design.md
└── wefun-platform.md
- 先理解业务玩法,再做主题包装。
- 用户指定色系优先,不以历史活动颜色代替新项目决策。
- KV Prompt 描述完整场景,默认不规划标题区、按钮区或页面分区。
- 独立素材 Prompt 一次只生成一个完整、可抠图的资产。
- 宝箱和等级资产保持主体同源,通过装饰密度与内容物分阶。
- 繁体中文与韩文不是简单文字替换,需要分别检查宽度与识别性。
- Figma 写入采用非破坏版本迭代;未经授权不修改正式文件。
Skill 可配合 Figma MCP 读取页面、节点、组件和变量,并在用户明确授权后写入。当前约定中,名称以 测试_ 开头的文件可用于写入测试;默认保留既有 UX、母组件、实例与历史版本。具体流程见 docs/figma-workflow.md。
WeFun:已基于周年庆、山林避暑、密友 IP、星座、节庆与赛事等案例建立业务/视觉画像。FunUp:待真实项目校准。Higo:待真实项目校准。- Figma 写入:支持探索稿与组件映射;正式母组件替换应在用户确认视觉方向后执行。
- 增补 FunUp 与 Higo 的平台业务画像。
- 增加更多活动族的 Prompt 示例与反例。
- 完善 Figma 母组件替换检查清单与回滚策略。
- 增加 Skill 自动校验和发布工作流。
提交规则和迭代流程见 CONTRIBUTING.md,版本变化见 CHANGELOG.md。
本项目采用 MIT License。