Getting it into your agent
It runs from inside its repository, so the clone comes first — what it calls does not travel with the file alone.
git clone --depth 1 https://github.com/guiguiyan930-source/game-ui-design-workflownpx agentmods add skills/guiguiyan930-source/game-ui-design-workflow/game-ui-workflowWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/guiguiyan930-source/game-ui-design-workflow/game-ui-workflow)<a href="https://agentmods.dev/skills/guiguiyan930-source/game-ui-design-workflow/game-ui-workflow"><img src="https://agentmods.dev/badge/skills/guiguiyan930-source/game-ui-design-workflow/game-ui-workflow/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/guiguiyan930-source/game-ui-design-workflow/game-ui-workflow"><img src="https://agentmods.dev/badge/skills/guiguiyan930-source/game-ui-design-workflow/game-ui-workflow.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00094 | $0.02599 |
| Opus 5 | $0.00047 | $0.01300 |
| Sonnet 5 | $0.00019 | $0.00520 |
| Haiku 4.5 | $0.00009 | $0.00260 |
Grade A, and why
game-ui-workflow scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 9d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 212 lines — stays where its author put it; the contents beside it link to each section on GitHub.
游戏 UI 总控工作流
把对话需求转换成可复现的 UI 项目。项目事实必须写入 specs/<project-id>/；不要仅保留在对话中。
快速路由
根据请求选择最小充分路径：
- 游戏策划、PRD、交互逻辑、生图前需求 →
game-ui-product-design - 规范、设计系统、统一风格 →
game-ui-specification - 页面清单、功能扩展、玩家旅程 →
game-ui-extension - 完整单页、原型视觉、页面生图 →
game-ui-page-generator - 透明组件、切图、素材拆解 →
game-ui-component-breakdown - 雪碧图、单元素 PNG、切片打包 →
game-ui-sprite-sheet-splitter - Atlas、9-slice、Godot / Unity / Cocos JSON →
game-ui-asset-pipeline - 完整项目或多阶段交付 → 按本工作流依次编排
用户明确要求单阶段时，不强迫执行完整流程；但要读取已有契约。
生图前若 gdd.md / prd.md / interaction.md 缺失或仍为 draft，必须先执行生成第一步：game-ui-product-design。
分步操作指引
当用户按完整生成链路工作时，第一步必须是策划与 PRD，使用以下检查点：
- 策划与 PRD（生成第一步）：调用
game-ui-product-design，完成并批准gdd.md、prd.md、interaction.md；未批准前不得进入后续生图步骤。 - 原型生成视觉：用一个基准页面验证构图和信息层级，保存为未批准版本。
- UI 风格切换：保持页面结构不变生成风格候选；用户选定后再批准样式契约和基准页。
- UI 延展：先输出屏幕地图并等待范围确认，再按批次逐页生成。
- UI 组件拆解：只拆已批准页面，每个组件和状态单独交付。
- 雪碧图拆分打包：把组件合图切成单元素透明 PNG，生成 manifest 和 ZIP。
- Atlas 与引擎交付：语义命名、确认 9-slice、打包 Atlas 并生成引擎 JSON。
每一步开始时简要说明：
- 当前步骤和目标
- 将读取的输入
- 将产生或修改的文件
- 本步停止条件
每一步结束时固定输出：
当前步骤：
完成状态：
本步产物：
需要你检查：
可选操作：
进入下一步的条件：
可直接复制的下一步调用文本：
存在人工门禁时必须停止，不能把“给出下一步指引”理解为自动执行下一步：
gdd.md/prd.md/interaction.md未批准时，不开始页面生图（用户明确要求“跳过策划门禁”除外，并写入quickstart.md）。- 原型结构未确认时，不开始风格定稿。
- 风格契约和基准页未批准时，不批量延展页面视觉。
- 页面范围未确认时，只完成屏幕地图。
- 源页面未批准时，不拆组件。
- 组件雪碧图不存在时，不伪造单元素 PNG 或 ZIP。
- 语义 mapping 和 9-slice 未审核时，不批准 Atlas 或引擎清单。
初始化
-
生成稳定的
project-id，使用小写字母、数字和连字符。 -
若项目目录不存在，执行：
python3 scripts/init_project.py <project-id> -
读取
spec.md、research.md、plan.md、gdd.md、prd.md、interaction.md和contracts/中全部文件。 -
将用户提供的参考图路径记入
spec.md，分析结论写入research.md。 -
只询问会改变题材、平台、比例或交付范围的阻断问题；其他信息使用明确标注的默认值。
阶段顺序
完整项目启动时，生成链路从 Product Design 开始（第一步）。spec.md / research.md 可在同一步由产品设计回填最小集，或紧随其后补全。
1. Product Design（生成第一步）
调用 game-ui-product-design：
- 写入
gdd.md：游戏定位、核心循环、系统清单、经济与养成（策划层，不含服务端公式） - 写入
prd.md：P0/P1 需求、信息架构、页面交付范围、验收标准 - 写入
interaction.md：全局导航、分页面主流程、控件行为、状态机、跨页链路 - 若
spec.md仍空，同步写入项目定位、平台、比例与范围摘要
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 9d ago First seen · 212 lines · 94 tokens per session scan A 53ec23cb6780
game-ui-workflow is a skill published in the GitHub repository guiguiyan930-source/game-ui-design-workflow (168 stars, last pushed 1mo ago), licensed MIT. It adds 94 tokens to every session and 2,599 once invoked, about $0.0005 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
design-dna
Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects, etc.). Use this skill when: (1) a user wants to see the full 3-dimension design structure/schema, (2) a user provides…
extract-design-system
Extract design primitives from a public website and generate starter token files for your project.
biome-creation
A workflow for placing rocks, trees, plants, and other reusable scene objects into a Unity biome, a themed area of a game world. It also covers regenerating the biome and checking the result with screenshots.
component-family-consistency
Buttons, inputs, pills, badges, calendars, and other interactive components form a visual family — they share the same border-radius, colour logic, shadow scale, border style, and spacing rhythm. Inconsistency between them breaks the sense of a coherent product. Use when building or reviewing a component library…
modular-scale-typography
Typography feels cohesive and intentional when font sizes follow a modular scale — a ratio-based sequence where every size is mathematically related to the others. Use when defining type scales, setting up design tokens, reviewing font size choices, or when typography feels inconsistent or arbitrary.
before-after-audit
A before-and-after screenshot workflow for checking visual changes in a Unity scene. It keeps the Scene view camera fixed, compares the two images, and sends the difference for an external review.