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.5 | $0.00038 | $0.01040 |
| Sonnet 5.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 1mo 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.
- 1mo 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 (345 stars, last pushed 2mo ago), licensed MIT. It adds 94 tokens to every session and 2,599 once invoked, about $0.0004 per session on Opus 5.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
roblox-ui
Build production Roblox interfaces with ScreenGui/PlayerGui lifecycle, responsive UDim2 layouts, safe insets, reusable editable Instances, cross-device input and selection, restrained motion, cleanup, and multi-viewport verification. Use for Roblox HUDs, inventories, shops, settings, ability bars, ScrollingFrames…
game-ui-ux
Design and build game UI/UX — HUDs, menus, and overlays — that survive every screen: anchor- based responsive layout, resolution/aspect scaling and safe areas, keyboard/gamepad focus navigation, a screen/menu state stack, and event-driven (not polled) HUD updates. Engine- neutral patterns that pair with the detected…
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…
component-family-consistency
Buttons, inputs, badges and pills share radius, colour logic, shadow, border and spacing. Use when building or reviewing a component library.
modular-scale-typography
Ratio-based type scale where every size relates to the others. Use when defining font sizes or type tokens, or when typography feels arbitrary.
extract-design
Extract colours, typography, spacing, components and W3C design tokens from a live website with Dembrandt. Use when you need a site's real tokens or want to seed a design system from it.