메뉴
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 为准。