网页小游戏定制

SKILL开发
开发 未标注权限 许可证不明确
安装这个技能

按主题与玩法要求生成单文件可运行的 HTML 小游戏,含完整源码、操作说明与可调节参数,交付前自检能否直接在浏览器打开运行。当用户说「做个小游戏」「写个网页游戏」「贪吃蛇那种」时使用。 也适用于「html游戏」「小游戏定制」「minigame」这类说法。

一句话选型结论

按资料字段整理

网页小游戏定制是开发类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类开发 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_01de61f3/ym-web-minigame-builder
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

开发
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_01de61f3仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验2026-11-06上游最后核验时间 · 数据更新 2026-11-06
正文体量7.1 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
写代码与改 bug

按需求补代码、定位并修掉报错。

读仓库与生成改动

让模型读懂项目结构,再给出可落地的改动。

跑测试与排查故障

按现象排查问题,补测试用例并复跑。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在开发场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
网页小游戏定制当前 未标注权限 未标注 未标注 未标注 有
技能审查员 浏览器控制 ClawHub 市场 877.9 万 OpenClaw 有
Vercel React 最佳实践 浏览器控制 GitHub 仓库 849.1 万 Codex、Claude、Cursor 有
GitHub 代码协作 联网访问 ClawHub 市场 763.3 万 OpenClaw 有
网页设计指南 联网访问 GitHub 仓库 668.6 万 Codex、Claude、Cursor 有
本体论 只读 ClawHub 市场 663.7 万 OpenClaw 有

SKILL.md 全文

7.1 KB
模型实际读到的说明书原文,来自技能仓库

网页小游戏定制 (ym-web-minigame-builder)

交付能双击直接在浏览器里玩起来的单个 HTML 文件,而不是一份游戏策划案。断网也能玩,参数集中在文件顶部,用户自己改一处就能调难度。

何时使用

  • 用户说「做个小游戏」「写个网页游戏」「来个贪吃蛇那样的」「做个答题互动」时
  • 用户想给孩子做练习、做活动页互动、做轻量小游戏时
  • 用户给了一个具体玩法(打地鼠、记忆翻牌、2048、答题闯关)要求实现时

运行前提

  • 依赖:无第三方库,纯原生 HTML/CSS/JS
  • 不联网、不上传、不采集任何用户数据
  • 交付前用 scripts/check_game.py 做离线静态检查(见执行步骤第 6 步)

输入契约

项 必需 说明
玩法或主题 必需 如"贪吃蛇""打地鼠""记忆翻牌""答题闯关""2048"
画风 可选 缺则纯 CSS 色块 + 文字符号,不依赖外部图片
难度/计分要求 可选 是否需要计分、最高分、关卡;缺则给默认计分
移动端触控 可选 缺则默认同时支持键盘与触控

缺失处理:

  • 玩法说不清(如"做个有趣的")→ 给 3 个最接近的候选(记忆翻牌 / 打地鼠 / 答题闯关)让用户选,不擅自定
  • 未指定移动端 → 默认键盘 + 触控双支持
  • 未指定画风 → 用纯 CSS 色块与文字符号,保证离线可跑
  • 要求外部素材(图片/字体/联机 API)→ 进入能力边界处理:说明不支持,给替代

执行步骤

  1. 确认玩法最小闭环 — 先想清开始 → 操作 → 判定 → 计分 → 结束 → 重开,六环节缺一不可。说不清玩法时按"缺失处理"给候选。

  2. 优先复用模板 — 大部分需求可基于 templates/game-template.html(记忆翻牌)改:只动顶部 CONFIG 常量与少量文案即可换主题(打地鼠/答题/2048 改法见 references/constraints-and-selfcheck.md 第四节)。需要完全不同的玩法时再从头写。

  3. 生成单个 HTML 文件 — 内联 CSS 与 JS,不引用任何外部 CDN、字体、图片。参数集中放在文件顶部 CONFIG 常量区(速度、格子数、题量、难度等)。

  4. 保证闭环与双端 — 必须含:开始按钮、分数/进度显示、结束判定与重开、屏上可见的操作说明;键盘(方向键/WASD + 回车/空格)与触控(点击/触摸)都要能玩;含移动端 viewport meta。

  5. 写操作与改难度指引 — 在交付说明里写清怎么玩、文件保存路径与打开方式、改 CONFIG 哪一行能调难度。

  6. 交付前静态自检(必须逐条输出结果,不能只说"已检查") — 用系统 Python 跑检查:
    C:\Users\liuyuming\AppData\Local\Microsoft\WindowsApps\python.exe scripts/check_game.py 你的游戏.html
    检查项与判定见 references/constraints-and-selfcheck.md:无外部依赖、无罕见语法、有开始与重开、有计分与结束、键盘与触控都支持、移动端视口已设置。任一未通过则修正后重跑。

  7. 硬性约束核对 — 输出前确认:没生成需要服务器的游戏;没引用外部素材;没写"已测试可玩"这种断言(只能说"已完成静态自检,实际可玩性需你双击打开确认")。

输出格式

先给文字说明,再给完整 HTML 源码(单个代码块):

一、玩法说明(怎么玩、操作方式)
二、参数说明(CONFIG 各行含义)
三、自检结果表(6 项逐条:通过/未通过 + 说明)
四、完整 HTML 源码(单个代码块)
五、怎么改难度(改哪一行、改成什么)

能力边界

  • 不做需要后端联机对战的游戏
  • 不做复杂美术,只用 CSS 色块与文字符号
  • 不引用任何外部素材(图片/字体/CDN)
  • 不保证在所有浏览器完全一致(仅在标准浏览器语法范围内编写)
  • 不声称"已测试可玩":只能声明完成静态自检,实际运行需用户打开确认

常见坑

  1. 误引外部资源 — 现象:用了 Google Fonts、jQuery CDN、外链图片,断网打不开。原因:习惯性地从网络引资源。规避:第 6 步静态检查专门扫 http(s):// 与 src=/href=,命中即改内联。
  2. 只说"已检查"不列结果 — 现象:交付时一句"已检查没问题"。原因:自检流于形式。规避:必须逐条输出 6 项自检结果表,未通过的要标出。
  3. 键盘或触控只支持一种 — 现象:电脑能玩手机点不动,或反过来。原因:只接了 click 忘了键盘,或只接了 keydown 忘了触摸。规避:button 原生支持点击与回车,再单独加方向键移动焦点,双端都覆盖。
  4. 参数散落各处 — 现象:改个速度要翻遍代码找魔法数字。原因:没集中常量。规避:所有可调项放顶部 CONFIG,并在交付说明里逐行解释。
  5. 忘记移动端视口 — 现象:手机上页面被缩放、布局错乱。原因:漏写 viewport meta。规避:自检第 9 项强制检查 viewport 标签。
  6. 声称"已测试可玩" — 现象:写"已验证可流畅运行"。原因:把静态检查等同于运行验证。规避:能力边界写明只能说"完成静态自检,实际需你打开确认"。

验收用例

  • 正常:「做个记忆翻牌」→ 单文件、键盘+触控、有计分与重开、静态检查全通过
  • 边界 1:玩法含糊"做个有趣的" → 给 3 个候选,不擅自定
  • 边界 2:要求联机对战 → 明确说明不支持,给单机替代方案
  • 失败:要求接入外部 API/图片素材 → 说明不支持外部依赖,给纯内联替代

目录说明

  • templates/ — 可直接复制改参数的单文件游戏模板 game-template.html(记忆翻牌,纯原生 JS)
  • references/ — 单文件交付约束与自检清单(含改主题映射)
  • scripts/ — 离线静态检查脚本 check_game.py(交付前对生成的 html 做 6 项自检)

常见问题

5 问
答案由本站依据条目字段整理
网页小游戏定制怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_01de61f3/ym-web-minigame-builder。安装方式为未标注。装完刷新技能列表或重开客户端。

网页小游戏定制支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

网页小游戏定制权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

网页小游戏定制收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

网页小游戏定制用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 2026-11-06。