Skip to content

Repository files navigation

Campaign UI Copilot

面向海外语音房运营活动的视觉设计与工作流 Skill。它把 UX 线框、平台语境、活动主题、用户指定色系和活动等级,转化为可执行的视觉策略、页面物料拆解、Figma 组件映射与中文 AI 生图 Prompt。

当前主要通过真实 WeFun 项目完成校准;FunUp 与 Higo 平台画像仍待补充案例验证。

能解决什么

  • 从 Figma 节点、UX 线框或页面截图中识别任务、抽奖、榜单、房间 PK、兑换与权益链路。
  • 区分平台稳定业务骨架与活动主题皮肤,避免只输出一个孤立的漂亮 KV。
  • 建立主色、辅色、强调色、材质与装饰语言,并贯穿 KV、Tab、奖池、礼物和权益。
  • 把 Tab、玩法名与奖励名转译为可绘制的主题资产,并输出可直接复制到即梦等工具的独立 Prompt。
  • 分析标题字体性格、字形结构、材质字效与繁中/韩文可读性。
  • 建立 UX 模块 → Figma 母组件/节点 → Token → 替换内容 → 保留逻辑 映射。
  • 在授权的测试文件中以非破坏方式建立 V1/V2/V3 设计探索版本。

输入协议

启动项目时建议提供以下 6 项信息:

  1. UX 图、完整页面框架、Figma 文件/节点或截图。
  2. 平台:WeFun、FunUp 或 Higo。
  3. 主题 Topic。
  4. 色调与风格 Tone & Style。
  5. 活动等级:A 或 S。
  6. 主色调与色系感觉。

主色调是 KV、礼物、宝箱、Tab、称号及所有延展资产的上游约束。缺失时,Skill 会优先向用户确认,而不会自行定案。

典型输出

  1. 输入边界、假设与风险
  2. 平台、用户与主题洞察
  3. 视觉策略与 Hex 色盘
  4. 区域页面和业务模块拆解
  5. 文案意象与核心道具方向
  6. 单元素中文 Prompt 库
  7. 完整主 KV 中文 Prompt
  8. 标题字体与字效分析、标题 Prompt
  9. 按需提供 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 写入采用非破坏版本迭代;未经授权不修改正式文件。

Figma 协同边界

Skill 可配合 Figma MCP 读取页面、节点、组件和变量,并在用户明确授权后写入。当前约定中,名称以 测试_ 开头的文件可用于写入测试;默认保留既有 UX、母组件、实例与历史版本。具体流程见 docs/figma-workflow.md。

当前成熟度

  • WeFun:已基于周年庆、山林避暑、密友 IP、星座、节庆与赛事等案例建立业务/视觉画像。
  • FunUp:待真实项目校准。
  • Higo:待真实项目校准。
  • Figma 写入:支持探索稿与组件映射;正式母组件替换应在用户确认视觉方向后执行。

路线图

  • 增补 FunUp 与 Higo 的平台业务画像。
  • 增加更多活动族的 Prompt 示例与反例。
  • 完善 Figma 母组件替换检查清单与回滚策略。
  • 增加 Skill 自动校验和发布工作流。

贡献与版本

提交规则和迭代流程见 CONTRIBUTING.md,版本变化见 CHANGELOG.md。

License

本项目采用 MIT License。

About

海外语音房运营活动视觉设计与 Figma 工作流 Copilot Skill

Topics

Resources

Contributing

Security policy

Stars

0 stars

Watchers

0 watching

Forks

Releases

Contributors

Languages