De-AI Game UI (remove the generic AI look from menus and HUDs, checked by a lint)
/game-ui-de-ai
A GameSkill original that strips the tells of AI-made game UI (purple-blue gradients, glass panels, neon glows, emoji icons, one big radius, everything centred, identical buttons, epic-journey copy) and rebuilds the screen from the game's own world. Ships a 12-rule lint that reads computed styles in headless Chrome for any framework, a before/after pause menu and a mutation test proving every rule can fail.
- 许可证
- MIT
- 出品
- GameSkill 出品
我们测过
在 HTML/CSS lint in Chrome headless (computed styles, keyboard focus) 上通过 32/32 项检查（2026-11-03）：能触发、有可运行示例、有截图和自检清单、单一职责、中英文文档齐全。触发检查是把提示词和 skill 描述做匹配，不是真实 agent 运行。
测试报告GameSkill 测过的版本
GameSkill 为 gameskill.dev 原创编写并测过。ZIP 里是完整的 skill：SKILL.md 及中文版、脚本、可运行示例、测试、自检清单和我们的测试报告。
GameSkill 原创，协议 MIT。ZIP 保留 LICENSE 和 CREDITS.md，里面列出了流程灵感来源、CC0 测试素材和第三方库及其协议。
自检清单
- 改之前先跑 lint 并截图 / Run the lint and take a screenshot before changing anything
- 先写三行世界设定：材质、强调色、文案口吻 / Write three lines about the world first: material, accent colour, voice
- 内容不变：所有按钮和数字都保留 / Same content: keep every action and number
- 12 条全过再交付，豁免要写理由 / Ship only when all 12 pass; any waiver needs a written reason
- 不抄别的游戏的 UI / Never copy another game's UI
- 把 lint 留在项目测试里 / Keep the lint in the project's test run
中文指南
这个 skill 做什么
去掉游戏菜单和 HUD 里的「AI 味」：紫蓝渐变、毛玻璃面板、发光、emoji 图标、统一大圆角、全部居中、一排一样的按钮、「踏上史诗旅程」式文案；换成从游戏世界里来的材质、强调色和文案。附带一个 12 条规则的 lint，在无头 Chrome 里读取计算后的样式，任何框架都能用。
什么时候用
- agent 写的菜单像 SaaS 后台
- 上线前做一次 UI 审查，之后把 lint 留在测试里
- 网页游戏、HTML 叠层或引擎界面的 HTML 草图；Godot、Unity 界面可以把 12 条当检查清单用
怎么装
下载本页 ZIP，把 game-ui-de-ai/ 放进 agent 的 skills 文件夹：Claude Code 用 .claude/skills/，Codex、Gemini CLI、OpenCode 用 .agents/skills/，Cursor 用 .cursor/skills/，Copilot 用 .github/skills/，Windsurf 用 .windsurf/skills/。也可以直接对 agent 说：Install the skill from https://gameskill.dev/skills/game-ui-de-ai/install.md
最小示例
虚构的船运贸易小游戏「潮水集市」（Tidewater）的暂停菜单，做了通用 AI 版和重做版：重做版用账本纸材质、一个强调色按钮、等宽数字和清楚的键盘焦点框，按钮和数字一个不少。
我们怎么测的
19 项浏览器检查：通用版 12 条里 11 条不过；重做版 12 条全过，且内容与通用版一致；再把 12 种「AI 痕迹」逐一加回重做版，每一种都必须被对应的规则抓到。结果在 gameskill/test-report.json。
搭配
game-ui-ux：界面结构与交互style-cards：整个游戏的美术风格限制
安装
告诉你的 AI
Install the skill from https://gameskill.dev/skills/game-ui-de-ai/install.md
GameSkill 测过的版本
mkdir -p .claude/skills
curl -fsSL https://gameskill.dev/dl/skills/game-ui-de-ai.zip -o /tmp/gameskill-game-ui-de-ai.zip
unzip -oq /tmp/gameskill-game-ui-de-ai.zip -d .claude/skills
rm /tmp/gameskill-game-ui-de-ai.zip包含内容
- 12 rules, each a lint check: gradients, glass, glow, emoji icons, typefaces, cliché copy, centring, radius, one primary action, tabular numbers, contrast, keyboard focus
- tools/rules.js: window.uiLint() for any page, reads computed styles only
- tools/ui-lint.mjs: CLI for a URL or file, plus lintPage(page) for your own puppeteer tests, with the Tab focus check
- A before/after pause menu for Tidewater, a made-up trading-boat game, with the same actions and numbers
- A workflow: three lines about the world first, rebuild with the same content, re-run until all 12 pass
适合
- Menus and HUDs an agent wrote that look like a SaaS dashboard
- A UI review before shipping, kept in the test run afterwards
- Web, HTML overlay or exported UI mock-ups; the rules also work as a checklist for engine UI
不适合
- Layout systems or engine UI nodes: pair it with game-ui-ux or godot-ui-control
- Full accessibility audits beyond contrast and keyboard focus
试试这条提示词
Our trading game's pause menu looks AI-generated. Run the de-AI UI lint on ui/pause.html, write three lines about our world, then rebuild it with the same buttons and numbers until all 12 rules pass, and show me before and after.关于这个 Skill
De-AI Game UI is a GameSkill original for the moment a game's menu looks like every other AI-made screen: a purple-to-cyan gradient, frosted-glass cards, a glowing title, an emoji on every line, four identical pills, everything centred and copy about an epic journey. The agent runs a 12-rule lint first, writes three lines about the game's world (the material of the UI, one accent colour for "act", the voice of the copy), rebuilds the screen with exactly the same actions and numbers, and re-runs the lint until all 12 rules pass.
The lint reads computed styles in headless Chrome, so it works for any framework, and it presses Tab to check that focus is visible. The example is the pause menu of Tidewater, a made-up trading-boat game, in a generic and a rebuilt version; a mutation test adds each tell back to the good page and checks that the right rule catches it. The idea of a pass that removes the generic AI look comes from Mutakisa/game-slop-purge, which has no licence, so it is linked only: the rules, thresholds, copy and examples here are ours.
Related
- game-ui-ux for UI structure and flow.
- style-cards to keep the whole game in one art style.
环境要求
- Node 18+ with npm (puppeteer-core from package-lock.json, dev only)
- Google Chrome or Chromium; set CHROME_PATH if it is not found
- The rules themselves (tools/rules.js) run inside any page with no dependencies
相关主题
常见问题
基于 game-slop-purge (idea only) （作者 Mutakisa，no licence, idea only, no code, text, rules or images used）的思路。代码和文字由 GameSkill 编写，ZIP 里的 CREDITS.md 列出所有来源。
搭配使用
作者标注的相关 Skills，或更适合相邻任务的 Skills。
Game UI/UX
HUDs and menus that work on every screen: anchored layouts, resolution and safe-area scaling, gamepad focus and event-driven updates.
Style Cards (one art style as hard limits, switch looks by switching cards)
A GameSkill original that writes a game's art style down as a card of measurable limits (canvas, colours and palette, alpha, triangles, shading, materials, textures, voxel grid), pastes it into every asset request and checks every asset against it. Ships 12 cards from pixel and one-bit to low-poly, voxel and toon, a no-dependency PNG checker, a Blender GLB checker and a palette locker; switch the whole look by switching the card.
Godot UI (Control Nodes)
Godot 4.7 interfaces with Control nodes: anchors, containers, themes and keyboard or gamepad focus navigation.
相似 skills
open-game-skills
An MIT pack of about 190 SKILL.md agent skills for game design: combat feel, camera, traversal, world, validation, 2D/Spine and art pipeline, with a dispatcher and adapters for Three.js, PixiJS, Phaser, Cocos, Godot, Unity and Unreal.
Awesome Gamedev Agent Skills
77 portable SKILL.md skills across 12 engines (Godot, Unity, Unreal, Phaser, PixiJS, three.js, Bevy, pygame, LÖVE, Roblox, Defold, Ebitengine), with a router.
pixelfx
244 pixel-art effects written as code (fire, explosions, magic, weather, UI, pickups, critters) plus a draft, render, look, refine loop for making new ones; every effect exports a sprite sheet with Aseprite-style JSON for Godot, Unity, Phaser or any engine.
Mechanic Picker (choose 2-3 mechanics that need each other, one page, bot playtest)
A GameSkill original for the step before building: pick two or three game mechanics that work together from 24 cards, scored against your input, day budget and wanted feel, write them on one checked page with a playtest question each, and prove the pair makes a game with a quick bot playtest. Worked example: Lantern Ferry, whose first numbers the bots caught as a one-strategy game.