القائمة
AIGD · 界面截图 → 界面 DSL(知识库捕获/工具1)。当要把游戏界面截图(竞品或自家)转成结构化 md(类型/层级/几何/交互/状态),以便 ui_render.py 还原成线框、并攒进 patterns/界面范式 知识库时使用。看图配方与文法的权威在 ../aigd/references/界面DSL规范.md;本 skill 只编排流程、不复制文法。是 aigd 包的一员。
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
AIGD(AI Game Design)总入口 / 编排器。当用户要**从零开张一个游戏项目**、**不确定该用哪个阶段**、想**总览或推进整条研发流程**,或要**维护项目脊柱(项目档案/manifest)**时使用。本 skill 只做"读脊柱→判断进度→分派到对应子 skill";**已经明确某一步(立意/做系统/迭代/定稿/回写/截图入库)就直接用对应子 skill**(aigd-concept / aigd-system / aigd-iterate / aigd-handoff / aigd-sync / aigd-ui-capture)。方法论自带于 references/,不依赖具体项目。
AIGD 阶段1 · 头脑风暴与顶层设计。当要给新游戏立意、定核心循环/平台/目标用户,或把游戏拆成系统清单+依赖图、起项目脊柱时使用。产出/修订 项目档案 + manifest(系统清单)。是 aigd 包的一员,方法论见 ../aigd/references/。
AIGD 阶段4 · 定稿生成交接包。当某系统试玩定稿后,要生成接口契约、验收用例、(按需)美术/客户端/服务端文档、策划版验收清单时使用。产出"另一个 AI 能直接开发"的平台无关交接物。是 aigd 包的一员,方法论见 ../aigd/references/。
AIGD 阶段3 · 试玩迭代。当用户试玩原型后要优化规则、改配置表(可反复执行)时使用。只动规则/配置/原型这些"便宜"产物,不碰契约/验收(那些定稿后才生)。是 aigd 包的一员,方法论见 ../aigd/references/。
AIGD 贯穿动作 · 回写整合(非线性"最后一步",每个系统 handoff 后都触发)。当某系统落定后要更新全局规范、整体 html 原型(整合 demo)、实现总纲(交接包入口),或某共享项变更后标记下游系统重验时使用。维护脊柱与交接包入口的一致性。是 aigd 包的一员,方法论见 ../aigd/references/。
AIGD 阶段2 · 单系统设计(讨论驱动)。当要把某个系统做出来——规则(-01,挂R编号)、配置表(带测试数据)、系统 html 原型时使用。源 xlsx 可选(给了就读、没给靠访谈)。是 aigd 包的一员;完整方法论见 ../aigd/references/方法论-6件套.md。
| name | aigd-ui-capture |
| description | AIGD · 界面截图 → 界面 DSL(知识库捕获/工具1)。当要把游戏界面截图(竞品或自家)转成结构化 md(类型/层级/几何/交互/状态),以便 ui_render.py 还原成线框、并攒进 patterns/界面范式 知识库时使用。看图配方与文法的权威在 ../aigd/references/界面DSL规范.md;本 skill 只编排流程、不复制文法。是 aigd 包的一员。 |
把一张界面截图读成一份界面 DSL(.md):结构 / 类型 / 层级 / 几何 / 交互。它是确定性脚本 ui_render.py(工具2 还原)、ui_slice.py(工具3 切图)的输入。本 skill 编排流程,文法/配方一律以 ../aigd/references/界面DSL规范.md 为准(规范更新无需改本文)。
| 文件 | 取什么 |
|---|---|
../aigd/references/界面DSL规范.md | 文件骨架 + Layout 行文法 + 类型表 + z 分层 + 形状 + 来源语义 + 看图配方(§7) + 皮肤/主题(§9) |
../aigd/references/scripts/ui_render.py | 还原 + 缺 z 提醒 + 校准导出(验证产物用) |
../aigd/references/scripts/ui_palette.py | 从原图采色 → 写成 ## 皮肤 段(配色入库用) |
../aigd/references/scripts/ui_slice.py | 图+DSL → 逐元素切片 + index.md 接触表(拆素材,可选) |
../aigd/references/界面DSL-样例.md | 一份随包合规 DSL 的形态(示例屏) |
要 一张截图 + 屏ID + 来源(竞品名/自家) + 一句 用途。缺就问。竞品图默认"原图转完可弃,DSL 入库"。
严格走规范 §7 的顺序:屏头 → 配色板 → Layout(从外到内/从上到下:先容器后叶子)→ Events → 设计点评。逐元素必标 类型 + @{x y w h} + z=N(渲染器虽允许省 z,但捕获入库必须标全——你在抄真图,层级要记准);圆形标 形=圆,选中/锁标 [态],全屏底图 @{0 0 100 100} z=1。竞品数据只标 :观测/:推断,绝不写 :真源。几何目测百分比即可(精度交给第 3 步校准)。配色不写进元素行——第 3 步用 ui_palette.py --merge 采色写成 ## 皮肤 段(规范 §9)。
python ../aigd/references/scripts/ui_render.py <屏ID>.md <out>.html --svg <out>.svg
python ../aigd/references/scripts/ui_palette.py <屏ID>.md <原图> --merge # 采色写成 ## 皮肤 段
<out>.html,眼比原图:层级/区域比例/文本/交互对不对;切 线稿/皮肤/氛围 看结构(采色后皮肤档即用真色)。<屏ID>.md → 再跑一遍。合格后存 patterns/界面范式/<游戏>/<屏ID>.{md, html, svg(可选)},并在该目录 INDEX.md 加一行(屏ID / 来源 / 布局模式 / 标签),供 concept/system 设计时检索同类参考。
需要拆素材时(可选):ui_slice.py <屏ID>.md <原图> [outdir] 把原图切成逐元素 png + index.md 接触表(--only 背景槽,立绘槽,图标槽 只切美术槽),便于参考/替换竞品部件;原图弃前跑一次即可(规范 §8)。
z=(这是工具1 的纪律,不是渲染器强制——渲染器允许省 z 按缩进/文档序兜底,但抄真图要把层级记准)。形=/z= 写全。:观测/:推断,不臆造 :真源。ui_palette.py --merge 采成 ## 皮肤 段(按 id),整段可换可删(规范 §9)。../aigd/references/harness适配.md。界面DSL规范.md 为准。