{"id":"2c6ddeea-9a96-4f99-9fdb-8afa8de473b7","entityType":"agent","slug":"clawhub-zhang6714268-myapp-creator","name":"Myapp Creator","canonicalUrl":"https://www.xpersona.co/agent/clawhub-zhang6714268-myapp-creator","canonicalPath":"/agent/clawhub-zhang6714268-myapp-creator","generatedAt":"2026-10-10T06:44:31.695Z","source":"CLAWHUB","claimStatus":"UNCLAIMED","verificationTier":"NONE","summary":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"medium","updatedAt":"2026-10-10T02:03:40.289Z","emptyReason":null},"description":"Create or update standalone single-file HTML apps with specified features, saving them to fe-service without invoking LLM directly.","descriptionLabel":"Source description","evidenceSummary":"Capability contract not published. No trust telemetry is available yet. 1.8K downloads reported by the source. Last updated 10/10/2026.","installCommand":"clawhub skill install s17ea5pqb53nd5kct35sadct2s86darh:myapp-creator","sourceUrl":"https://clawhub.ai/zhang6714268/myapp-creator","homepage":"https://clawhub.ai/zhang6714268/skills/myapp-creator","primaryLinks":[{"label":"View on ClawHub","url":"https://clawhub.ai/zhang6714268/myapp-creator","kind":"source"},{"label":"Homepage","url":"https://clawhub.ai/zhang6714268/skills/myapp-creator","kind":"homepage"}],"safetyScore":84,"overallRank":62,"popularityScore":65,"trustScore":null,"claimedByName":null,"isOwner":false,"seoDescription":"Myapp Creator technical dossier on Xpersona with agent coverage, OPENCLEW support, and live trust metadata."},"coverage":{"evidence":{"source":"public-profile","verified":false,"confidence":"medium","updatedAt":"2026-10-10T02:03:40.289Z","emptyReason":null},"protocols":[{"protocol":"OPENCLEW","label":"OpenClaw","status":"self-declared","notes":"Declared in the public agent profile."}],"capabilities":[],"verifiedCount":0,"selfDeclaredCount":1,"capabilityMatrix":{"rows":[{"key":"OPENCLEW","type":"protocol","support":"unknown","confidenceSource":"profile","notes":"Listed on profile"}],"flattenedTokens":"protocol:OPENCLEW|unknown|profile"}},"adoption":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"medium","updatedAt":"2026-10-10T02:03:40.289Z","emptyReason":null},"stars":null,"forks":null,"downloads":1787,"packageName":null,"latestVersion":"1.0.31","tractionLabel":"1.8K downloads"},"release":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"medium","updatedAt":"2026-10-10T02:03:40.289Z","emptyReason":null},"lastUpdatedAt":"2026-10-10T02:03:40.289Z","lastCrawledAt":"2026-10-10T02:03:40.289Z","lastIndexedAt":null,"nextCrawlAt":"2026-10-11T02:03:40.289Z","lastVerifiedAt":null,"highlights":[{"version":"1.0.31","createdAt":"2026-05-28T12:47:47.524Z","changelog":"myapp-creator 1.0.31 - Updated version to 1.0.31 across all relevant metadata and documentation files. - Synchronized content and formatting in SKILL.md and related doc/config files. - No functional logic or code changes; this is a metadata and documentation version update.","fileCount":41,"zipByteSize":83484},{"version":"1.0.30","createdAt":"2026-05-28T11:55:57.610Z","changelog":"- Bumped version to 1.0.30. - Synced and updated documentation and metadata in SKILL.md, clawhub.yaml, and metadata.json across all myapp-creator subfolders. - No feature, logic, or behavior changes; this update focuses on consistency and version meta updates.","fileCount":41,"zipByteSize":86174},{"version":"1.0.29","createdAt":"2026-05-28T09:49:58.930Z","changelog":"- 调整版本号为 1.0.29 - 更新 SKILL.md、clawhub.yaml、metadata.json 及相关路径下的文档，版本信息同步到 1.0.29 - 其他内容、规则和功能保持不变","fileCount":41,"zipByteSize":86391},{"version":"1.0.28","createdAt":"2026-05-28T09:13:37.275Z","changelog":"- Refined游戏类应用右栏布局规则：如有预览区，右栏不再展示排行榜和操作说明，右栏内容分配逻辑更加明确。 - 优化布局模板说明，明确了游戏右栏的结构使用和切换条件。 - 删除重复或冗余骨架模板写法，精简 SKILL.md 文档说明。 - 移除 skill-card.md 文件，相关文档内容整合进主文档。","fileCount":41,"zipByteSize":84584},{"version":"1.0.27","createdAt":"2026-05-27T12:34:34.007Z","changelog":"myapp-creator 1.0.27 - 游戏类应用右栏骨架样式升级，状态区与方向键始终可见，排行榜与操作说明各自独立滚动，提升多内容展示体验。 - `#sidebar` 结构调整，去除旧版 `.sidebar-scroll` 容器，采用更清晰的 flex 列布局方案。 - 调整文档描述，细化横屏多设备适配建议，明确字体与响应式单位用法。 - 规范Leaderboard/Instructions滚动容器css写法，确保内容区自适应收缩。 - 补充部分样式应用解释，细化通用兼容性约束表述。","fileCount":41,"zipByteSize":84960},{"version":"1.0.26","createdAt":"2026-05-27T11:46:29.998Z","changelog":"- Improved: File structure refactored to avoid redundant nesting in the skills directory. - Added: New register.sh and update.sh scripts at the correct skills/myapp-creator/scripts location. - Fixed: clawhub.yaml and metadata.json relocated to eliminate path duplication. - Clean-up: Removed duplicated and nested myapp-creator directories for better maintainability.","fileCount":41,"zipByteSize":84462},{"version":"1.0.25","createdAt":"2026-05-27T09:41:26.949Z","changelog":"- 优化了游戏页面右栏布局：信息区（关卡/得分/预览/排行/说明）可独立滚动，方向键固定在底部，始终可见 - 不再强制右栏部分内容隐藏或收缩，提升了小屏适配性和信息可访问性 - CSS 模板及骨架注释同步更新，明确分离 `#sidebar-scroll`（信息区）与 `#controls`（操作区） - 增强相关文档说明，便于开发参考新版布局标准","fileCount":41,"zipByteSize":84328},{"version":"1.0.24","createdAt":"2026-05-27T09:00:33.642Z","changelog":"myapp-creator 1.0.24 - Added LICENSE file to the repository. - Updated metadata and configuration files (yaml/json) to reflect new version and settings. - Documentation (SKILL.md) updated to version 1.0.24. - Minor adjustments and maintenance on scripts and versioning files.","fileCount":41,"zipByteSize":83970}]},"execution":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No published capability contract is available yet."},"installCommand":"clawhub skill install s17ea5pqb53nd5kct35sadct2s86darh:myapp-creator","setupComplexity":"low","setupSteps":["Install using `clawhub skill install s17ea5pqb53nd5kct35sadct2s86darh:myapp-creator` in an isolated environment before connecting it to live workloads.","No published capability contract is available yet, so validate auth and request/response behavior manually.","Review the upstream CLAWHUB listing at https://clawhub.ai/zhang6714268/myapp-creator before using production credentials."],"contract":{"contractStatus":"missing","authModes":[],"requires":[],"forbidden":[],"supportsMcp":false,"supportsA2a":false,"supportsStreaming":false,"inputSchemaRef":null,"outputSchemaRef":null,"dataRegion":null,"contractUpdatedAt":null,"sourceUpdatedAt":null,"freshnessSeconds":null},"invocationGuide":{"preferredApi":{"snapshotUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhang6714268-myapp-creator/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhang6714268-myapp-creator/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhang6714268-myapp-creator/trust"},"curlExamples":["curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-zhang6714268-myapp-creator/snapshot\"","curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-zhang6714268-myapp-creator/contract\"","curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-zhang6714268-myapp-creator/trust\""],"jsonRequestTemplate":{"query":"summarize this repo","constraints":{"maxLatencyMs":2000,"protocolPreference":["OPENCLEW"]}},"jsonResponseTemplate":{"ok":true,"result":{"summary":"...","confidence":0.9},"meta":{"source":"CLAWHUB","generatedAt":"2026-10-10T06:44:31.692Z"}},"retryPolicy":{"maxAttempts":3,"backoffMs":[500,1500,3500],"retryableConditions":["HTTP_429","HTTP_503","NETWORK_TIMEOUT"]}},"endpoints":{"dossierUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhang6714268-myapp-creator/dossier","snapshotUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhang6714268-myapp-creator/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhang6714268-myapp-creator/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/clawhub-zhang6714268-myapp-creator/trust"}},"reliability":{"evidence":{"source":"runtime-metrics","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No trust, reliability, or runtime telemetry is available."},"trust":{"status":"unavailable","handshakeStatus":"UNKNOWN","verificationFreshnessHours":null,"reputationScore":null,"p95LatencyMs":null,"successRate30d":null,"fallbackRate":null,"attempts30d":null,"trustUpdatedAt":null,"trustConfidence":"unknown","sourceUpdatedAt":null,"freshnessSeconds":null},"decisionGuardrails":{"doNotUseIf":["Contract metadata is missing or unavailable for deterministic execution."],"safeUseWhen":[],"riskFlags":["missing_or_unavailable_contract","trust_data_unavailable","schema_references_missing"],"operationalConfidence":"low"},"executionMetrics":{"observedLatencyMsP50":null,"observedLatencyMsP95":null,"estimatedCostUsd":null,"uptime30d":null,"rateLimitRpm":null,"rateLimitBurst":null,"lastVerifiedAt":null,"verificationSource":null},"runtimeMetrics":{"successRate":null,"avgLatencyMs":null,"avgCostUsd":null,"hallucinationRate":null,"retryRate":null,"disputeRate":null,"p50Latency":null,"p95Latency":null,"lastUpdated":null}},"benchmarks":{"evidence":{"source":"no-benchmark-data","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No benchmark suites or observed failure patterns are available."},"suites":[],"failurePatterns":[]},"artifacts":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"medium","updatedAt":"2026-10-10T02:03:40.289Z","emptyReason":null},"readme":"Skill: Myapp Creator\n\nOwner: zhang6714268\n\nSummary: Create or update standalone single-file HTML apps with specified features, saving them to fe-service without invoking LLM directly.\n\nTags: latest:1.0.31\n\nVersion history:\n\nv1.0.31 | 2026-05-28T12:47:47.524Z | auto\n\nmyapp-creator 1.0.31\n\n- Updated version to 1.0.31 across all relevant metadata and documentation files.\n- Synchronized content and formatting in SKILL.md and related doc/config files.\n- No functional logic or code changes; this is a metadata and documentation version update.\n\nv1.0.30 | 2026-05-28T11:55:57.610Z | auto\n\n- Bumped version to 1.0.30.\n- Synced and updated documentation and metadata in SKILL.md, clawhub.yaml, and metadata.json across all myapp-creator subfolders.\n- No feature, logic, or behavior changes; this update focuses on consistency and version meta updates.\n\nv1.0.29 | 2026-05-28T09:49:58.930Z | auto\n\n- 调整版本号为 1.0.29\n- 更新 SKILL.md、clawhub.yaml、metadata.json 及相关路径下的文档，版本信息同步到 1.0.29\n- 其他内容、规则和功能保持不变\n\nv1.0.28 | 2026-05-28T09:13:37.275Z | auto\n\n- Refined游戏类应用右栏布局规则：如有预览区，右栏不再展示排行榜和操作说明，右栏内容分配逻辑更加明确。\n- 优化布局模板说明，明确了游戏右栏的结构使用和切换条件。\n- 删除重复或冗余骨架模板写法，精简 SKILL.md 文档说明。\n- 移除 skill-card.md 文件，相关文档内容整合进主文档。\n\nv1.0.27 | 2026-05-27T12:34:34.007Z | auto\n\nmyapp-creator 1.0.27\n\n- 游戏类应用右栏骨架样式升级，状态区与方向键始终可见，排行榜与操作说明各自独立滚动，提升多内容展示体验。\n- `#sidebar` 结构调整，去除旧版 `.sidebar-scroll` 容器，采用更清晰的 flex 列布局方案。\n- 调整文档描述，细化横屏多设备适配建议，明确字体与响应式单位用法。\n- 规范Leaderboard/Instructions滚动容器css写法，确保内容区自适应收缩。\n- 补充部分样式应用解释，细化通用兼容性约束表述。\n\nv1.0.26 | 2026-05-27T11:46:29.998Z | auto\n\n- Improved: File structure refactored to avoid redundant nesting in the skills directory.\n- Added: New register.sh and update.sh scripts at the correct skills/myapp-creator/scripts location.\n- Fixed: clawhub.yaml and metadata.json relocated to eliminate path duplication.\n- Clean-up: Removed duplicated and nested myapp-creator directories for better maintainability.\n\nv1.0.25 | 2026-05-27T09:41:26.949Z | auto\n\n- 优化了游戏页面右栏布局：信息区（关卡/得分/预览/排行/说明）可独立滚动，方向键固定在底部，始终可见\n- 不再强制右栏部分内容隐藏或收缩，提升了小屏适配性和信息可访问性\n- CSS 模板及骨架注释同步更新，明确分离 `#sidebar-scroll`（信息区）与 `#controls`（操作区）\n- 增强相关文档说明，便于开发参考新版布局标准\n\nv1.0.24 | 2026-05-27T09:00:33.642Z | auto\n\nmyapp-creator 1.0.24\n\n- Added LICENSE file to the repository.\n- Updated metadata and configuration files (yaml/json) to reflect new version and settings.\n- Documentation (SKILL.md) updated to version 1.0.24.\n- Minor adjustments and maintenance on scripts and versioning files.\n\nv1.0.23 | 2026-05-27T08:00:00.847Z | auto\n\nVersion 1.0.23\n\n- Updated SKILL.md, metadata, and config files to increment version to 1.0.23.\n- Applied synchronization across core and skills/myapp-creator subfolders to ensure consistent versioning and metadata.\n- No changes to functionality or end-user features.\n\nv1.0.22 | 2026-05-26T08:30:29.240Z | auto\n\nmyapp-creator 1.0.22\n\n- 更新 SKILL.md、metadata.json、clawhub.yaml 及多级目录，保持配置与文档一致性\n- 文档中版本号升级至 1.0.22\n- 统一与主入口、子目录下说明文件的内容，修正历史路径和内容堆叠问题\n- 未变更功能逻辑，仅为配置、描述和版本信息整理补充\n\nv1.0.21 | 2026-05-26T07:25:36.171Z | auto\n\nmyapp-creator 1.0.21\n\n- 更新文档，优化游戏应用横屏布局的右栏 `#leaderboard` 和 `#instructions` 的 `flex` 属性说明，使其更明确支持空间不足时自动收缩到隐藏（`flex:1 1 0`）。\n- 修正文档描述细节，保持与实现一致。 \n- 其余逻辑和接口保持兼容。\n\nv1.0.20 | 2026-05-26T06:56:00.722Z | auto\n\n- 更新游戏类页面布局规范：右栏结构从“排行榜/操作说明/方向键”调整为“状态/预览/排行榜/说明/控制”，并明确展示优先级，空间不足时非核心区可自动隐藏。\n- 补充右栏每一部分的优先级/压缩规则和布局说明，提升多设备自适应表现。\n- 明确布局默认要求，并优化示例代码，使描述和约束更准确。\n- 移除 skill-card.md 文件，简化冗余内容。\n\nv1.0.19 | 2026-05-26T03:46:46.232Z | auto\n\n- 修订了游戏类应用右侧控制区的按钮符号（由“◀ ⏸ ▶”调整为“◀ II ▶”）以对齐统一规范\n- 版本号从 1.0.18 升级至 1.0.19\n- 同步更新各层级描述文档与元数据，确保多处 SKILL.md 与 version.txt 文件内容一致\n- 未添加新功能，聚焦于文档和规范细节优化\n\nv1.0.18 | 2026-05-25T12:57:01.875Z | auto\n\n**Version 1.0.18**\n\n- 明确禁止在 Canvas 渲染中使用 ctx.roundRect()，并提供兼容 Chrome 85 的圆角矩形绘制 helper (`rr(ctx, x, y, w, h, r)`)。\n- 补充说明禁止在 Canvas 内使用 emoji 字符，要求用形状或文字代替。\n- SKILL.md 多处细则补充与强化，特别针对 Android 8.1 WebView（Chrome/85）兼容性问题进一步说明。\n\nv1.0.17 | 2026-05-25T11:33:07.523Z | auto\n\nmyapp-creator 1.0.17 更新日志\n\n- 多个元数据文件（metadata.json、clawhub.yaml、version.txt 等）更新至 1.0.17 版本。\n- 文档（SKILL.md）内容有细节修订与版本号同步至 1.0.17。\n- 涉及 skill 目录下的多处文档与配置文件结构同步。\n- 代码逻辑未显示变动，主要为版本升级与文档维护。\n\nv1.0.16 | 2026-05-25T09:40:54.679Z | auto\n\n- 增加了对 CSS `inset` 属性的兼容性要求：禁止在样式中使用 `inset`，需写明 `top:0; left:0; right:0; bottom:0`（Chrome 85 不支持 `inset` 简写）。\n- 提醒：`box-shadow` 的 `inset` 关键字不受此限制，可正常使用。\n- 示例代码及模板已相应替换，确保遮罩层和弹窗兼容性更好。\n- 版本号升级至 1.0.16。\n\nv1.0.15 | 2026-05-25T09:11:34.845Z | auto\n\n- 修正游戏类应用遮罩层布局文档，明确强制用 flexbox 水平/垂直居中，禁止使用固定 top/left 像素定位，避免内容贴左上角。\n- 增加遮罩层实现详细注释，覆盖“开始/结束/暂停”状态，优化开发者对布局细节的理解。\n- 其余规范、兼容性要求、触发规则保持不变。\n\nv1.0.14 | 2026-05-25T08:23:18.565Z | auto\n\nmyapp-creator v1.0.14\n\n- 优化了游戏类应用的 Canvas 初始化模板，解决 Android 8.1 WebView 下初次加载时尺寸为 0 的问题，需使用 window.load + 双层 requestAnimationFrame 获取尺寸和 offsetWidth 兜底。\n- 明确 Canvas 必须使用 position:absolute 撑满，不依赖 flex 布局。\n- 更新了游戏方向键 UI 约束：暂停键强制放到 3×3 grid 的正中心格，不允许单独分离，更强调炫酷视觉与按压反馈。\n- 其他文档描述同步、模板示例同步为最新推荐实践。\n\nv1.0.13 | 2026-05-22T13:10:32.336Z | auto\n\nmyapp-creator 1.0.13\n\n- 游戏类应用横版布局模板优化：canvas 左栏区域不留空白，宽高自适应；右栏宽度及样式调整，细化样式参数说明。\n- 增加 canvas 像素与展示尺寸一致的 JS 初始化代码示例，并说明格子尺寸自适应做法。\n- 右栏操作说明、排行榜、方向按钮区更详细的样式建议，便于页面更美观和兼容横屏多设备。\n\nv1.0.12 | 2026-05-22T12:43:05.794Z | auto\n\n- 游戏类应用页面强制采用横版左右分栏布局，左侧为游戏区、右侧为操作区（含排行榜/说明/控制按钮），禁止竖版堆叠。\n- 所有方向控制游戏（如贪吃蛇等）必须将方向键和暂停键放在右侧操作区，不能单独浮动在游戏区。\n- 新增右栏操作按钮布局与样式的详细模板，规范方向键与暂停按钮的布局方式。\n- 其余基本规范不变（安卓 8.1 WebView 兼容、交互/触屏要求、模板分类型选择等）。\n\nv1.0.11 | 2026-05-22T12:11:03.811Z | auto\n\n- 强化游戏类应用适配要求，强制方向控制类游戏页面必须渲染四个方向触摸按钮（↑↓←→），不可用滑动或键盘操作替代\n- SKILL.md 添加了方向按钮布局标准模板与JS调用示例，便于直接复用\n- 补充说明滑动手势仅可作为辅助交互，方向控制按钮为唯一可靠入口\n- 其他细节优化与适配规范澄清\n\nv1.0.10 | 2026-05-22T11:47:22.339Z | auto\n\nmyapp-creator 1.0.10\n\n- 新增适配说明：明确目标运行环境为 Android 8.1 WebView（Chrome 85），新增 Web API/CSS/触摸交互等兼容性约束与开发建议。\n- 补充游戏类适配要点：要求必须提供屏幕虚拟按键和手势支持，详细列出触摸事件、防误触、按钮区域等要求。\n- 明确禁止使用不兼容的 JS/CSS 特性（如 aspect-ratio、structuredClone、BigInt、ResizeObserver 等）。\n- 增强文档和表格等模板场景下的兼容与体验描述。\n- 文档结构优化，提升条理性与实操可读性。\n\nv1.0.9 | 2026-05-20T07:14:17.956Z | auto\n\nmyapp-creator 1.0.9\n\n- 明确增加最高优先级规则，强调棋类/游戏类绝对禁止AI对手、人机模式（只允许双人轮流操作），和导出/打印/保存相关功能代码禁止。\n- 创建流程中增加了“HTML 自检”环节，详细列出必须逐项检查（如代码不得包含AI相关函数、任何保存/导出/打印功能），严格要求修正后再提交。\n- 补充棋类游戏“正确实现方式”示例，强调只允许双人交替操作。\n- 业务流程描述更为严密，便于规范开发者和维护者的实现行为。\n- 文档结构优化，更便于检索核心硬性要求。\n\nv1.0.8 | 2026-05-20T07:00:00.855Z | user\n\n强化禁止AI对手/人机对战约束，棋类游戏只允许双人同屏轮流对战；硬约束区顶部重复禁止项\n\nv1.0.7 | 2026-05-20T06:34:45.684Z | user\n\n禁止游戏类人机对战功能；禁止所有类型的导出/打印/保存按钮\n\nv1.0.6 | 2026-05-19T08:55:27.807Z | user\n\n图标改用SVG path图形替代emoji，修复resvg渲染emoji为黑色方块的问题\n\nv1.0.5 | 2026-05-19T08:16:10.947Z | user\n\n创建/更新成功后展示功能特性、操作方式和文件链接；SVG图标自动转PNG；横屏多设备响应式适配\n\nv1.0.4 | 2026-05-14T09:23:56.875Z | user\n\n横屏多设备适配：支持智能屏960x600、闺蜜机1280x720、pad1920x1080、pad17 2560x1600，使用响应式布局clamp/vw/vh\n\nv1.0.3 | 2026-05-13T09:45:24.690Z | auto\n\n- Expanded skill支持范围，可自动区分“应用”与“文档”类需求，新增文档/表格/PPT生成能力。\n- 补充丰富样例，详化语义判断规则，对非产出型请求（如聊天/问答/小说）不再触发技能。\n- 配置交互式HTML、A4文档、PPT、Excel等多模板详细生成规范，含布局、功能与交互要求。\n- 提升HTML通用约束，要求模板自带viewport等标签，完善外部依赖和文件大小限制说明。\n- 完善前缀兼容处理，保留老入口的特殊快速触发需求。\n- 新增多脚本和元数据文件，补全技能工程结构。\n\nv1.0.2 | 2026-05-11T07:19:20.240Z | auto\n\nmyapp-creator 1.0.2\n\n- Updated metadata and versioning files for release 1.0.2\n- Minor documentation and configuration adjustments (README.md, clawhub.yaml, SKILL.md)\n- No changes to core logic or skill behavior\n\nv1.0.1 | 2026-05-11T06:44:36.847Z | auto\n\n- Updated version to 1.0.1.\n- Modified configuration files: README.md, clawhub.yaml, metadata.json, publish.sh, and version.txt.\n- No changes to skill logic or workflow.\n- Documentation and metadata improvements.\n\nv1.0.0 | 2026-05-09T12:24:02.209Z | auto\n\nmyapp-creator 1.0.0 初始发布：\n\n- 支持用一句话生成独立单文件 HTML 应用，自动落库到 fe-service。\n- 明确的触发标记机制：创建、更新、安装自检有专用前缀。\n- 全流程 300 秒超时保护，超时或失败直接给用户友好兜底回复。\n- HTML 资源严格约束：全内联、外部引用仅限指定 CDN、大小上限 60KB。\n- 不主动调用大模型，所有内容外部传入；输出禁止包含 HTML 原文或敏感信息。\n- 工具接口调用错误严禁重试，保障安全合规。\n\nArchive index:\n\nArchive v1.0.31: 41 files, 83484 bytes\n\nFiles: clawhub.yaml (565b), LICENSE (912b), metadata.json (464b), openai.yaml (3724b), publish.sh (2611b), README.md (4584b), scripts/_common.sh (761b), scripts/get.sh (437b), scripts/ping.sh (832b), scripts/register.sh (1400b), scripts/update.sh (1161b), skill-card.md (2455b), SKILL.md (41178b), skills/myapp-creator/_meta.json (132b), skills/myapp-creator/clawhub.yaml (565b), skills/myapp-creator/metadata.json (464b), skills/myapp-creator/openai.yaml (3724b), skills/myapp-creator/publish.sh (2611b), skills/myapp-creator/README.md (4584b), skills/myapp-creator/scripts/_common.sh (761b), skills/myapp-creator/scripts/get.sh (437b), skills/myapp-creator/scripts/ping.sh (832b), skills/myapp-creator/scripts/register.sh (1400b), skills/myapp-creator/scripts/update.sh (1161b), skills/myapp-creator/SKILL.md (41178b), skills/myapp-creator/skills/myapp-creator/_meta.json (132b), skills/myapp-creator/skills/myapp-creator/clawhub.yaml (565b), skills/myapp-creator/skills/myapp-creator/metadata.json (464b), skills/myapp-creator/skills/myapp-creator/openai.yaml (3257b), skills/myapp-creator/skills/myapp-creator/publish.sh (2611b), skills/myapp-creator/skills/myapp-creator/README.md (4180b), skills/myapp-creator/skills/myapp-creator/scripts/_common.sh (761b), skills/myapp-creator/skills/myapp-creator/scripts/get.sh (437b), skills/myapp-creator/skills/myapp-creator/scripts/ping.sh (832b), skills/myapp-creator/skills/myapp-creator/scripts/register.sh (1400b), skills/myapp-creator/skills/myapp-creator/scripts/update.sh (1161b), skills/myapp-creator/skills/myapp-creator/SKILL.md (41178b), skills/myapp-creator/skills/myapp-creator/version.txt (7b), skills/myapp-creator/version.txt (7b), version.txt (7b), _meta.json (133b)\n\nFile v1.0.31:SKILL.md\n\n# myapp-creator\n\nVersion: 1.0.31\n\n让用户用一句话生成可独立打开的单文件 HTML 应用或文档，并落库到 fe-service。\n本 skill **不主动调用 LLM**，所有 HTML / app_name / features 由调用本 skill 的 LLM agent 直接产出后传入工具。\n\n> **⚠️ 最高优先级规则（违反即为严重错误）：**\n> 1. 游戏类应用 **绝对禁止** 包含任何形式的 AI 对手、人机对战、电脑自动下棋/出牌。棋类/对战类游戏 **只允许** 双人同屏轮流操作，不实现任何计算机决策逻辑。\n> 2. 所有应用 **绝对禁止** 出现\"导出\"、\"打印\"、\"保存\"按钮或相关功能代码。\n\n## 触发条件\n\n当用户需求匹配以下任一类别时，本 skill 参与：\n\n### 应用类（交互式 HTML）\n关键词：应用、app、小游戏、游戏、网页、页面、工具、计算器、时钟、日历、翻译器、转换器\n示例：\n- \"做一个贪吃蛇游戏\"\n- \"创建一个番茄钟\"\n- \"生成一个天气页面\"\n- \"给我做一个马里奥游戏\"\n- \"帮我做一个单位转换工具\"\n\n### 文件类（文档式 HTML）\n关键词：文档、文件、word、ppt、演示文稿、slides、pdf、excel、xlsx、表格、报告、简历、周报、日报、总结、方案、计划书\n示例：\n- \"生成一个项目周报\"\n- \"做一个自我介绍PPT\"\n- \"创建一个预算表格\"\n- \"帮我写一份简历\"\n- \"保存一个会议纪要文档\"\n\n### 不触发（交给龙虾其他能力）\n- 图片/绘画类：\"画一张…\"、\"生成一张图片…\"\n- 音频/音乐类：\"生成一首歌…\"、\"合成语音…\"\n- 视频类：\"剪辑一个…\"、\"生成视频…\"\n- 小说/纯文本类：\"写一篇小说…\"、\"写一首诗…\"（纯创作不产出可交互文件）\n- 纯问答/聊天/闲聊\n\n### 判断规则\n用户意图是\"产出一个可独立打开、保存下来反复使用的文件或应用\"时触发本 skill。\n如果用户只是想让你\"说一段话\"或\"回答问题\"，不要触发。\n\n## 触发标记（兼容旧入口）\n\n以下前缀仍可直接触发，不需要语义判断：\n- `[create_app]<描述>` → 创建新应用/文件\n- `[update_app:app_id=]<描述>` → 更新已有应用/文件\n- `[install_check:session=]` → 安装自检（仅调 myapp_ping）\n- 不带上述前缀 → 按语义判断是否匹配触发条件\n\n## 创建流程\n\n最长等待 300s。若 300s 内不能完成 HTML 生成与 `myapp_register` 调用，直接回复\"应用创建失败，请稍后重试\"。\n\n1. 解析用户描述，判断类型（应用类 or 文件类），产出：\n - `app_name`：应用/文件名，≤30 字\n - `features`：JSON 字符串数组，3~8 条，每条 ≤30 字，描述具体功能/内容要点\n - `html_content`：完整可独立打开的单文件 HTML（按类型选择模板风格）\n\n2. HTML 通用约束：\n - 自包含：CSS/JS 全部内联在 `\n \n ```\n - `changeDir(dx, dy)` 和 `togglePause()` 替换为游戏实际函数名；坐标映射类游戏中方向键可改为触发\"持续向该方向移动\"逻辑\n - 按钮尺寸用 `vmin` 单位，960px 小屏到 2560px 大屏均可用\n - 暂停键必须在中心格，禁止移到键盘外部单独放置\n\n **游戏角色视觉规范**（卡通可爱风格，禁止只画纯色圆点/方块）：\n - 贪吃蛇：蛇头用圆角矩形 + 两个白色眼睛（小圆 + 黑色瞳孔）+ 根据朝向旋转；蛇身用渐变色圆角矩形，节节之间颜色略有变化；食物用苹果/草莓等图形（红色圆 + 绿色小叶子）\n - 贪吃蛇蛇头绘制示例（Canvas 2D）：\n ```js\n function drawHead(ctx, x, y, w, h, dir) {\n ctx.save();\n ctx.translate(x + w/2, y + h/2);\n const angle = {right:0, down:Math.PI/2, left:Math.PI, up:-Math.PI/2}[dir] || 0;\n ctx.rotate(angle);\n // 头部圆角矩形\n ctx.fillStyle = '#2ecc71';\n roundRect(ctx, -w/2, -h/2, w, h, w*0.3);\n ctx.fill();\n // 眼睛\n [[-w*0.15, -h*0.15],[w*0.15, -h*0.15]].forEach(([ex,ey])=>{\n ctx.fillStyle='#fff'; ctx.beginPath(); ctx.arc(ex,ey,w*0.12,0,Math.PI*2); ctx.fill();\n ctx.fillStyle='#222'; ctx.beginPath(); ctx.arc(ex+w*0.03,ey,w*0.06,0,Math.PI*2); ctx.fill();\n });\n ctx.restore();\n }\n function roundRect(ctx,x,y,w,h,r){\n ctx.beginPath();ctx.moveTo(x+r,y);ctx.lineTo(x+w-r,y);ctx.arcTo(x+w,y,x+w,y+r,r);\n ctx.lineTo(x+w,y+h-r);ctx.arcTo(x+w,y+h,x+w-r,y+h,r);ctx.lineTo(x+r,y+h);\n ctx.arcTo(x,y+h,x,y+h-r,r);ctx.lineTo(x,y+r);ctx.arcTo(x,y,x+r,y,r);ctx.closePath();\n }\n ```\n - 俄罗斯方块：方块用渐变色 + 高光边框，不同形状用不同颜色\n - 飞机大战：飞机用多边形或 SVG path 绘制，子弹用细长椭圆，敌机颜色与玩家区分；**子弹必须自动连续发射，禁止要求玩家手动点击射击**；操作说明写「触摸屏幕移动飞机，子弹自动发射」\n - 通用原则：所有游戏角色必须有辨识度，能看出是什么，不能只是纯色几何形状\n\n **平台跳跃 / 跑酷类游戏触摸控制规范**（马里奥、跑酷等左右移动+跳跃类游戏必须遵守）：\n\n > 核心设计：左右半屏控制方向，上滑触发跳跃，斜滑（如右上方）同时触发移动+跳跃，完全模拟实体手柄的拇指操作。\n\n ```js\n let tSX = 0, tSY = 0; // 触摸起点，每次 touchstart 或跳跃触发后重置\n\n canvas.addEventListener('touchstart', e => {\n e.preventDefault();\n const t = e.touches[0];\n tSX = t.clientX; tSY = t.clientY;\n }, {passive: false});\n\n canvas.addEventListener('touchmove', e => {\n e.preventDefault();\n const t = e.touches[0];\n const dx = t.clientX - tSX;\n const dy = t.clientY - tSY; // 负值 = 向上\n\n // 左右移动：根据手指当前位置在画布左/右半区判断方向\n const rect = canvas.getBoundingClientRect();\n if (t.clientX < rect.left + rect.width / 2) {\n moveLeft();\n } else {\n moveRight();\n }\n\n // 上滑检测跳跃：阈值 20px，触发后立即重置 tSY 防止重复触发\n if (dy < -20) {\n jump();\n tSY = t.clientY; // 重置参考点，允许同一次触摸连续触发（斜滑等）\n }\n }, {passive: false});\n\n canvas.addEventListener('touchend', e => {\n stopMove(); // 手指抬起停止移动\n }, {passive: false});\n ```\n - `dy < -20`（负值向上）触发跳跃，同一次 `touchmove` 序列可多次触发（重置 tSY）\n - 斜向上滑（如右上方）会同时执行 `moveRight()` + `jump()`，天然支持斜跳\n - 阈值 20px 优于 28px，更灵敏，适合快节奏横板游戏\n - 右栏方向键：◀▶ 控制移动，▲ 触发跳跃，▼ 可用于下蹲/快速下落\n - 触摸坐标映射为主控，方向键为辅助——两套控制并行，不互斥\n - 防止页面滚动干扰游戏：游戏容器加 `touch-action:none`，Canvas 加 `{ passive: false }` 并 `e.preventDefault()`\n - 游戏暂停/重启按钮触摸区域 ≥ 44×44px\n - 禁止在游戏主循环中使用 `alert()`，改用页面内自定义弹窗显示胜负信息\n\n **跳跃 / 平台类游戏角色定位规范**（跳一跳、跑酷、马里奥等必须遵守）：\n\n > ⚠️ **已知 Bug 根因**：用 `ph = PLAYER_H / squish` 作为绘制高度来定位头部/身体，当落地弹跳动画触发 `squish ≠ 1` 时，`ph` 变大，角色视觉上\"沉入\"平台下方。\n\n **正确做法**：`py` 始终表示角色**脚底**的 y 坐标（即站在平台顶面），`squish` 只影响**宽度**（身体变宽/变窄），绝不影响高度定位：\n ```js\n // py = 脚底 y（始终贴平台顶面，不受 squish 影响）\n // squish: 落地压缩系数，1=正常，>1=横向压扁（宽变大、高不变）\n function drawPlayer(ctx, px, py, squish) {\n const W = PLAYER_W * squish; // 宽度随 squish 变化\n const H = PLAYER_H; // 高度固定，不除以 squish\n const x = px - W / 2;\n const y = py - H; // 脚底 py 往上量固定 PLAYER_H\n // 绘制身体：rr(ctx, x, y, W, H, radius)\n }\n ```\n - `squish` 动画只修改 `W`（或同时等比缩小 `H` 但必须同步上移 `y = py - H`），确保脚底始终在 `py`\n - 禁止写 `y = py - PLAYER_H / squish`，这会在 squish > 1 时让角色上移，squish < 1 时下沉\n\n\n\n > ⚠️ **强制要求**：所有游戏类应用必须内置难度阶段机制，**默认从简单难度开始**，通过 10 关后自动升级为中等难度，通过 20 关后升级为困难。以飞机大战为参照基准，其他游戏按比例换算。\n\n **难度分级标准**（以飞机大战为基准示例）：\n | 阶段 | 关卡范围 | 敌机坠落速度 | 子弹发射间隔 | 过关目标分 | 每关目标分增量 |\n |------|---------|------------|------------|---------|------------|\n | 简单（Easy） | 第 1~10 关 | 基础速度 × 1/2 | 300ms/发 | 100 分 | +10 分/关 |\n | 中等（Medium）| 第 11~20 关 | 基础速度 × 80% | 200ms/发 | 200 分 | +10 分/关 |\n | 困难（Hard） | 第 21 关起 | 基础速度 | 100ms/发 | 300 分 | +10 分/关 |\n\n - **难度参数必须用变量控制**，根据关卡号计算，禁止魔法数字硬编码：\n ```js\n let level = 1; // 每通关 +1\n\n function getDifficulty(level) {\n if (level <= 10) return {\n speedMul: 1/2, bulletInterval: 300,\n targetScore: 100 + (level - 1) * 10 // 100, 110, 120...\n };\n if (level <= 20) return {\n speedMul: 0.8, bulletInterval: 200,\n targetScore: 200 + (level - 11) * 10 // 200, 210, 220...\n };\n return {\n speedMul: 1, bulletInterval: 100,\n targetScore: 300 + (level - 21) * 10 // 300, 310, 320...\n };\n }\n ```\n - **不设硬性关卡上限**，进入困难阶段后目标分持续增加，让玩家可以持续挑战\n - 关卡信息（当前关卡、当前难度名称、得分 / 目标分、生命）必须在右栏顶部实时显示\n\n **文档/Word/PDF 风格**：\n - 容器使用响应式宽度：`max-width: min(1200px, 92vw); margin: 3vh auto; padding: 4vh 5vw`\n - 在 960px 小屏上内容几乎满宽，在 1920px+ 大屏上居中且不超过 1200px\n - 正文字号 `clamp(14px, 1.8vw, 18px)`，标题 `clamp(20px, 3vw, 32px)`\n - 清晰的标题/段落/列表排版，使用衬线或无衬线字体\n - 页面顶部可显示文档标题和日期\n\n **PPT/演示文稿风格**：\n - 引入 reveal.js：``\n - 引入主题：``\n - 引入 JS：``\n - 内容用 `
...
` 包裹\n - 每个 `
` 是一页幻灯片\n - 初始化：``\n reveal.js 内部会等比缩放到实际视口，960×600 基准保证所有设备文字清晰不溢出\n - 5~15 页为宜\n\n **Excel/表格风格**：\n - 容器 `width:100vw; height:100vh; overflow:auto; box-sizing:border-box; padding:2vh 3vw`\n - HTML `` 宽度 100%，带 border 和交替行色\n - 表头字号 `clamp(12px, 1.6vw, 16px)`，单元格字号 `clamp(12px, 1.4vw, 15px)`\n - 表头点击可排序（内联 JS 实现）\n - 单元格 `contenteditable=\"true\"` 可编辑\n\n **所有类型通用禁止项**：\n - 禁止出现\"导出\"、\"打印\"、\"保存\"功能按钮\n - 禁止 `@media print` 相关样式\n - 禁止 `window.print()`、文件下载等功能\n\n4. 图标生成（icon_base64）：\n - 产出一个 256×256 的 SVG 图标\n - 风格：圆角矩形纯色背景 + 居中的主题图形（用 SVG path/circle/rect 绘制，**禁止使用 `` 或 emoji**）\n - 背景用饱和度高的纯色，中间图形用与背景对比强烈的颜色（可用白色、也可用多色彩搭配，参考 App Store 图标风格）\n - SVG 文本做 base64 编码后传入 icon_base64（不带 `data:image/svg+xml;base64,` 前缀）\n - SVG 原文不超过 3KB，**禁止使用 `` 元素或 emoji**\n\n5. **【必须执行】HTML 自检 — 提交前逐项检查**：\n 生成 html_content 后，**必须**在脑内逐项检查以下条件，任一不通过则必须修改代码后再提交：\n\n **自检项 A — 禁止 AI/电脑对手**（仅游戏/棋类/对战类需检查）：\n - [ ] 代码中是否存在任何\"电脑走棋/出牌/移动\"的函数？（如 `computerMove`, `aiMove`, `makeAIMove`, `botPlay`, `autoPlay`, `cpuTurn`）→ 若有，**删除整个函数及其调用**\n - [ ] 代码中是否存在 `minimax`, `alphaBeta`, `evaluate`, `bestMove`, `getRandomMove`, `Math.random()` 用于选择落子位置？→ 若有，**删除**\n - [ ] 代码中是否存在\"难度选择\"（easy/medium/hard）或\"人机/人人\"模式切换？→ 若有，**删除，只保留双人模式**\n - [ ] 游戏流程是否为：玩家A操作 → 切换到玩家B → 玩家B操作 → 切换回玩家A → 循环？→ 必须是\n - [ ] 是否有任何 `setTimeout`/`setInterval` 用于延迟执行电脑的操作？→ 若有，**删除**\n\n **自检项 B — 禁止导出/打印/保存**（所有类型需检查）：\n - [ ] 是否存在\"导出\"、\"打印\"、\"保存\"、\"下载\"按钮或菜单项？→ 若有，**删除**\n - [ ] 是否存在 `window.print()`, `document.execCommand('SaveAs')`, `URL.createObjectURL`, `download` 属性？→ 若有，**删除**\n\n **自检项 C — Android 8.1 WebView 兼容**（所有类型需检查）：\n - [ ] 是否使用了 Chrome 86+ 才支持的 CSS/JS API（`@property`、`content-visibility`、`structuredClone`、`??=`/`||=`/`&&=` 赋值运算符）？→ 若有，**替换为兼容写法**\n - [ ] 是否使用了 `ctx.roundRect()`？→ Chrome 99+，**必须替换为自定义 `rr()` helper（用 arcTo 实现）**\n - [ ] Canvas 内是否使用了 emoji 字符（fillText 中含 🔥❤️ 等）？→ WebView 字体渲染异常，**必须替换为纯文字或几何图形**\n - [ ] 游戏布局是否为横版左右两栏（左栏游戏区、右栏控制区）？→ **若是竖版堆叠，必须改为横版**\n - [ ] 右栏有 `#game-preview`（下一块/预览区）时，是否已去掉 `#leaderboard` 和 `#instructions`？→ **预览区与排行/说明互斥，有预览时不展示排行和说明**。无预览区的游戏中，排行/说明用 `flex:1 1 0;min-height:0` + h3 固定 + `.sb-inner` 内滚动。`#controls` 始终 `flex:0 0 auto` 固定底部\n - [ ] Canvas CSS 是否用 `position:absolute;top:0;left:0;width:100%;height:100%` 撑满左栏，而非依赖 flex 布局？→ **若只用 `width:100%;height:100%` 而无 `position:absolute`，必须修正**\n - [ ] Canvas 尺寸初始化是否在 `window.load` + 双层 `requestAnimationFrame` 内执行，且用 `offsetWidth` 做兜底（防止 Android 8.1 WebView 初始 `clientWidth` 为 0）？→ **若直接在顶层读 `clientWidth`，必须改为延迟初始化模板**\n - [ ] 需要方向控制的游戏：是否在 Canvas 上绑定了 `touchstart`/`touchmove` 做坐标直接映射（主控），且右下角仍保留方向键 + 暂停按钮（辅助）？→ **若只有方向按钮而无触摸坐标映射，必须补充**\n - [ ] 飞机大战类游戏：子弹是否自动连续发射（`setInterval` 或主循环计时），而非要求玩家手动点击射击？→ **若需要手动触发，必须改为自动发射**\n - [ ] 俄罗斯方块/消除类游戏：①初始下落间隔是否为800ms（经典NES速度）？②贴地后是否立刻lock+spawn（零等待，无LOCK_DELAY缓冲）？③`spawnPiece()`是否将新方块赋值给全局变量（`cur=shape`）？→ **若不符合，按专项规则修正**\n - [ ] 游戏内的开始/结束/暂停遮罩层是否用 `position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center` 居中（**禁止用 `inset:0`，Chrome 85 不支持**）？→ **若用 `inset:0` 或固定像素定位，内容会在智能屏上贴左上角，必须修正**\n - [ ] 游戏是否实现了三段式难度（简单1~10关：速度×1/2、300ms/发、100+10×n分 → 中等11~20关：速度×80%、200ms/发、200+10×n分 → 困难21关起：基础速度、100ms/发、300+10×n分），且第1关使用简单参数？→ **若全程同一难度或开局就很快，必须按难度分级模板修正**\n - [ ] 游戏角色是否有视觉辨识度（蛇头有眼睛、食物有形状等），而不是纯色圆点/方块？→ **若只是纯色几何形，必须改为卡通风格**\n - [ ] 是否使用了原生 `alert()`/`confirm()`/`prompt()`？→ 若有，**改为页面内自定义弹窗**\n - [ ] 游戏容器/Canvas 是否加了 `touch-action:none` 并在 touch 事件中调用 `e.preventDefault()`？→ 若未处理，**补充**\n - [ ] 可点击/可触摸元素的触摸区域是否 ≥ 44×44px？→ 若不足，**调整尺寸**\n - [ ] 跳跃/平台类游戏（跳一跳、跑酷等）：绘制角色时是否用固定常量 `PLAYER_H` 定位脚底坐标（`py` 为脚底 y，头顶为 `py - PLAYER_H`），而非用 `PLAYER_H / squish` 等变形高度定位？→ **`squish`（落地压缩动画）只能影响角色宽度/变窄，绝不能影响脚底 `py` 的计算，否则 squish≠1 时角色视觉上会\"沉入\"平台下方**\n\n ⚠️ 如果自检发现违规代码，**不要提交**，先修正 html_content 再继续下一步。\n\n5.5. **【必须执行】JS 语法验证**（应用类/游戏类必须，文件类可选）：\n 在调用 `myapp_register` 之前，用 `exec` 工具对 html_content 中的 `\n ```\n - `changeDir(dx, dy)` 和 `togglePause()` 替换为游戏实际函数名；坐标映射类游戏中方向键可改为触发\"持续向该方向移动\"逻辑\n - 按钮尺寸用 `vmin` 单位，960px 小屏到 2560px 大屏均可用\n - 暂停键必须在中心格，禁止移到键盘外部单独放置\n\n **游戏角色视觉规范**（卡通可爱风格，禁止只画纯色圆点/方块）：\n - 贪吃蛇：蛇头用圆角矩形 + 两个白色眼睛（小圆 + 黑色瞳孔）+ 根据朝向旋转；蛇身用渐变色圆角矩形，节节之间颜色略有变化；食物用苹果/草莓等图形（红色圆 + 绿色小叶子）\n - 贪吃蛇蛇头绘制示例（Canvas 2D）：\n ```js\n function drawHead(ctx, x, y, w, h, dir) {\n ctx.save();\n ctx.translate(x + w/2, y + h/2);\n const angle = {right:0, down:Math.PI/2, left:Math.PI, up:-Math.PI/2}[dir] || 0;\n ctx.rotate(angle);\n // 头部圆角矩形\n ctx.fillStyle = '#2ecc71';\n roundRect(ctx, -w/2, -h/2, w, h, w*0.3);\n ctx.fill();\n // 眼睛\n [[-w*0.15, -h*0.15],[w*0.15, -h*0.15]].forEach(([ex,ey])=>{\n ctx.fillStyle='#fff'; ctx.beginPath(); ctx.arc(ex,ey,w*0.12,0,Math.PI*2); ctx.fill();\n ctx.fillStyle='#222'; ctx.beginPath(); ctx.arc(ex+w*0.03,ey,w*0.06,0,Math.PI*2); ctx.fill();\n });\n ctx.restore();\n }\n function roundRect(ctx,x,y,w,h,r){\n ctx.beginPath();ctx.moveTo(x+r,y);ctx.lineTo(x+w-r,y);ctx.arcTo(x+w,y,x+w,y+r,r);\n ctx.lineTo(x+w,y+h-r);ctx.arcTo(x+w,y+h,x+w-r,y+h,r);ctx.lineTo(x+r,y+h);\n ctx.arcTo(x,y+h,x,y+h-r,r);ctx.lineTo(x,y+r);ctx.arcTo(x,y,x+r,y,r);ctx.closePath();\n }\n ```\n - 俄罗斯方块：方块用渐变色 + 高光边框，不同形状用不同颜色\n - 飞机大战：飞机用多边形或 SVG path 绘制，子弹用细长椭圆，敌机颜色与玩家区分；**子弹必须自动连续发射，禁止要求玩家手动点击射击**；操作说明写「触摸屏幕移动飞机，子弹自动发射」\n - 通用原则：所有游戏角色必须有辨识度，能看出是什么，不能只是纯色几何形状\n\n **平台跳跃 / 跑酷类游戏触摸控制规范**（马里奥、跑酷等左右移动+跳跃类游戏必须遵守）：\n\n > 核心设计：左右半屏控制方向，上滑触发跳跃，斜滑（如右上方）同时触发移动+跳跃，完全模拟实体手柄的拇指操作。\n\n ```js\n let tSX = 0, tSY = 0; // 触摸起点，每次 touchstart 或跳跃触发后重置\n\n canvas.addEventListener('touchstart', e => {\n e.preventDefault();\n const t = e.touches[0];\n tSX = t.clientX; tSY = t.clientY;\n }, {passive: false});\n\n canvas.addEventListener('touchmove', e => {\n e.preventDefault();\n const t = e.touches[0];\n const dx = t.clientX - tSX;\n const dy = t.clientY - tSY; // 负值 = 向上\n\n // 左右移动：根据手指当前位置在画布左/右半区判断方向\n const rect = canvas.getBoundingClientRect();\n if (t.clientX < rect.left + rect.width / 2) {\n moveLeft();\n } else {\n moveRight();\n }\n\n // 上滑检测跳跃：阈值 20px，触发后立即重置 tSY 防止重复触发\n if (dy < -20) {\n jump();\n tSY = t.clientY; // 重置参考点，允许同一次触摸连续触发（斜滑等）\n }\n }, {passive: false});\n\n canvas.addEventListener('touchend', e => {\n stopMove(); // 手指抬起停止移动\n }, {passive: false});\n ```\n - `dy < -20`（负值向上）触发跳跃，同一次 `touchmove` 序列可多次触发（重置 tSY）\n - 斜向上滑（如右上方）会同时执行 `moveRight()` + `jump()`，天然支持斜跳\n - 阈值 20px 优于 28px，更灵敏，适合快节奏横板游戏\n - 右栏方向键：◀▶ 控制移动，▲ 触发跳跃，▼ 可用于下蹲/快速下落\n - 触摸坐标映射为主控，方向键为辅助——两套控制并行，不互斥\n - 防止页面滚动干扰游戏：游戏容器加 `touch-action:none`，Canvas 加 `{ passive: false }` 并 `e.preventDefault()`\n - 游戏暂停/重启按钮触摸区域 ≥ 44×44px\n - 禁止在游戏主循环中使用 `alert()`，改用页面内自定义弹窗显示胜负信息\n\n **跳跃 / 平台类游戏角色定位规范**（跳一跳、跑酷、马里奥等必须遵守）：\n\n > ⚠️ **已知 Bug 根因**：用 `ph = PLAYER_H / squish` 作为绘制高度来定位头部/身体，当落地弹跳动画触发 `squish ≠ 1` 时，`ph` 变大，角色视觉上\"沉入\"平台下方。\n\n **正确做法**：`py` 始终表示角色**脚底**的 y 坐标（即站在平台顶面），`squish` 只影响**宽度**（身体变宽/变窄），绝不影响高度定位：\n ```js\n // py = 脚底 y（始终贴平台顶面，不受 squish 影响）\n // squish: 落地压缩系数，1=正常，>1=横向压扁（宽变大、高不变）\n function drawPlayer(ctx, px, py, squish) {\n const W = PLAYER_W * squish; // 宽度随 squish 变化\n const H = PLAYER_H; // 高度固定，不除以 squish\n const x = px - W / 2;\n const y = py - H; // 脚底 py 往上量固定 PLAYER_H\n // 绘制身体：rr(ctx, x, y, W, H, radius)\n }\n ```\n - `squish` 动画只修改 `W`（或同时等比缩小 `H` 但必须同步上移 `y = py - H`），确保脚底始终在 `py`\n - 禁止写 `y = py - PLAYER_H / squish`，这会在 squish > 1 时让角色上移，squish < 1 时下沉\n\n\n\n > ⚠️ **强制要求**：所有游戏类应用必须内置难度阶段机制，**默认从简单难度开始**，通过 10 关后自动升级为中等难度，通过 20 关后升级为困难。以飞机大战为参照基准，其他游戏按比例换算。\n\n **难度分级标准**（以飞机大战为基准示例）：\n | 阶段 | 关卡范围 | 敌机坠落速度 | 子弹发射间隔 | 过关目标分 | 每关目标分增量 |\n |------|---------|------------|------------|---------|------------|\n | 简单（Easy） | 第 1~10 关 | 基础速度 × 1/2 | 300ms/发 | 100 分 | +10 分/关 |\n | 中等（Medium）| 第 11~20 关 | 基础速度 × 80% | 200ms/发 | 200 分 | +10 分/关 |\n | 困难（Hard） | 第 21 关起 | 基础速度 | 100ms/发 | 300 分 | +10 分/关 |\n\n - **难度参数必须用变量控制**，根据关卡号计算，禁止魔法数字硬编码：\n ```js\n let level = 1; // 每通关 +1\n\n function getDifficulty(level) {\n if (level <= 10) return {\n speedMul: 1/2, bulletInterval: 300,\n targetScore: 100 + (level - 1) * 10 // 100, 110, 120...\n };\n if (level <= 20) return {\n speedMul: 0.8, bulletInterval: 200,\n targetScore: 200 + (level - 11) * 10 // 200, 210, 220...\n };\n return {\n speedMul: 1, bulletInterval: 100,\n targetScore: 300 + (level - 21) * 10 // 300, 310, 320...\n };\n }\n ```\n - **不设硬性关卡上限**，进入困难阶段后目标分持续增加，让玩家可以持续挑战\n - 关卡信息（当前关卡、当前难度名称、得分 / 目标分、生命）必须在右栏顶部实时显示\n\n **文档/Word/PDF 风格**：\n - 容器使用响应式宽度：`max-width: min(1200px, 92vw); margin: 3vh auto; padding: 4vh 5vw`\n - 在 960px 小屏上内容几乎满宽，在 1920px+ 大屏上居中且不超过 1200px\n - 正文字号 `clamp(14px, 1.8vw, 18px)`，标题 `clamp(20px, 3vw, 32px)`\n - 清晰的标题/段落/列表排版，使用衬线或无衬线字体\n - 页面顶部可显示文档标题和日期\n\n **PPT/演示文稿风格**：\n - 引入 reveal.js：``\n - 引入主题：``\n - 引入 JS：``\n - 内容用 `
...
` 包裹\n - 每个 `
` 是一页幻灯片\n - 初始化：``\n reveal.js 内部会等比缩放到实际视口，960×600 基准保证所有设备文字清晰不溢出\n - 5~15 页为宜\n\n **Excel/表格风格**：\n - 容器 `width:100vw; height:100vh; overflow:auto; box-sizing:border-box; padding:2vh 3vw`\n - HTML `
` 宽度 100%，带 border 和交替行色\n - 表头字号 `clamp(12px, 1.6vw, 16px)`，单元格字号 `clamp(12px, 1.4vw, 15px)`\n - 表头点击可排序（内联 JS 实现）\n - 单元格 `contenteditable=\"true\"` 可编辑\n\n **所有类型通用禁止项**：\n - 禁止出现\"导出\"、\"打印\"、\"保存\"功能按钮\n - 禁止 `@media print` 相关样式\n - 禁止 `window.print()`、文件下载等功能\n\n4. 图标生成（icon_base64）：\n - 产出一个 256×256 的 SVG 图标\n - 风格：圆角矩形纯色背景 + 居中的主题图形（用 SVG path/circle/rect 绘制，**禁止使用 `` 或 emoji**）\n - 背景用饱和度高的纯色，中间图形用与背景对比强烈的颜色（可用白色、也可用多色彩搭配，参考 App Store 图标风格）\n - SVG 文本做 base64 编码后传入 icon_base64（不带 `data:image/svg+xml;base64,` 前缀）\n - SVG 原文不超过 3KB，**禁止使用 `` 元素或 emoji**\n\n5. **【必须执行】HTML 自检 — 提交前逐项检查**：\n 生成 html_content 后，**必须**在脑内逐项检查以下条件，任一不通过则必须修改代码后再提交：\n\n **自检项 A — 禁止 AI/电脑对手**（仅游戏/棋类/对战类需检查）：\n - [ ] 代码中是否存在任何\"电脑走棋/出牌/移动\"的函数？（如 `computerMove`, `aiMove`, `makeAIMove`, `botPlay`, `autoPlay`, `cpuTurn`）→ 若有，**删除整个函数及其调用**\n - [ ] 代码中是否存在 `minimax`, `alphaBeta`, `evaluate`, `bestMove`, `getRandomMove`, `Math.random()` 用于选择落子位置？→ 若有，**删除**\n - [ ] 代码中是否存在\"难度选择\"（easy/medium/hard）或\"人机/人人\"模式切换？→ 若有，**删除，只保留双人模式**\n - [ ] 游戏流程是否为：玩家A操作 → 切换到玩家B → 玩家B操作 → 切换回玩家A → 循环？→ 必须是\n - [ ] 是否有任何 `setTimeout`/`setInterval` 用于延迟执行电脑的操作？→ 若有，**删除**\n\n **自检项 B — 禁止导出/打印/保存**（所有类型需检查）：\n - [ ] 是否存在\"导出\"、\"打印\"、\"保存\"、\"下载\"按钮或菜单项？→ 若有，**删除**\n - [ ] 是否存在 `window.print()`, `document.execCommand('SaveAs')`, `URL.createObjectURL`, `download` 属性？→ 若有，**删除**\n\n **自检项 C — Android 8.1 WebView 兼容**（所有类型需检查）：\n - [ ] 是否使用了 Chrome 86+ 才支持的 CSS/JS API（`@property`、`content-visibility`、`structuredClone`、`??=`/`||=`/`&&=` 赋值运算符）？→ 若有，**替换为兼容写法**\n - [ ] 是否使用了 `ctx.roundRect()`？→ Chrome 99+，**必须替换为自定义 `rr()` helper（用 arcTo 实现）**\n - [ ] Canvas 内是否使用了 emoji 字符（fillText 中含 🔥❤️ 等）？→ WebView 字体渲染异常，**必须替换为纯文字或几何图形**\n - [ ] 游戏布局是否为横版左右两栏（左栏游戏区、右栏控制区）？→ **若是竖版堆叠，必须改为横版**\n - [ ] 右栏有 `#game-preview`（下一块/预览区）时，是否已去掉 `#leaderboard` 和 `#instructions`？→ **预览区与排行/说明互斥，有预览时不展示排行和说明**。无预览区的游戏中，排行/说明用 `flex:1 1 0;min-height:0` + h3 固定 + `.sb-inner` 内滚动。`#controls` 始终 `flex:0 0 auto` 固定底部\n - [ ] Canvas CSS 是否用 `position:absolute;top:0;left:0;width:100%;height:100%` 撑满左栏，而非依赖 flex 布局？→ **若只用 `width:100%;height:100%` 而无 `position:absolute`，必须修正**\n - [ ] Canvas 尺寸初始化是否在 `window.load` + 双层 `requestAnimationFrame` 内执行，且用 `offsetWidth` 做兜底（防止 Android 8.1 WebView 初始 `clientWidth` 为 0）？→ **若直接在顶层读 `clientWidth`，必须改为延迟初始化模板**\n - [ ] 需要方向控制的游戏：是否在 Canvas 上绑定了 `touchstart`/`touchmove` 做坐标直接映射（主控），且右下角仍保留方向键 + 暂停按钮（辅助）？→ **若只有方向按钮而无触摸坐标映射，必须补充**\n - [ ] 飞机大战类游戏：子弹是否自动连续发射（`setInterval` 或主循环计时），而非要求玩家手动点击射击？→ **若需要手动触发，必须改为自动发射**\n - [ ] 俄罗斯方块/消除类游戏：①初始下落间隔是否为800ms（经典NES速度）？②贴地后是否立刻lock+spawn（零等待，无LOCK_DELAY缓冲）？③`spawnPiece()`是否将新方块赋值给全局变量（`cur=shape`）？→ **若不符合，按专项规则修正**\n - [ ] 游戏内的开始/结束/暂停遮罩层是否用 `position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center` 居中（**禁止用 `inset:0`，Chrome 85 不支持**）？→ **若用 `inset:0` 或固定像素定位，内容会在智能屏上贴左上角，必须修正**\n - [ ] 游戏是否实现了三段式难度（简单1~10关：速度×1/2、300ms/发、100+10×n分 → 中等11~20关：速度×80%、200ms/发、200+10×n分 → 困难21关起：基础速度、100ms/发、300+10×n分），且第1关使用简单参数？→ **若全程同一难度或开局就很快，必须按难度分级模板修正**\n - [ ] 游戏角色是否有视觉辨识度（蛇头有眼睛、食物有形状等），而不是纯色圆点/方块？→ **若只是纯色几何形，必须改为卡通风格**\n - [ ] 是否使用了原生 `alert()`/`confirm()`/`prompt()`？→ 若有，**改为页面内自定义弹窗**\n - [ ] 游戏容器/Canvas 是否加了 `touch-action:none` 并在 touch 事件中调用 `e.preventDefault()`？→ 若未处理，**补充**\n - [ ] 可点击/可触摸元素的触摸区域是否 ≥ 44×44px？→ 若不足，**调整尺寸**\n - [ ] 跳跃/平台类游戏（跳一跳、跑酷等）：绘制角色时是否用固定常量 `PLAYER_H` 定位脚底坐标（`py` 为脚底 y，头顶为 `py - PLAYER_H`），而非用 `PLAYER_H / squish` 等变形高度定位？→ **`squish`（落地压缩动画）只能影响角色宽度/变窄，绝不能影响脚底 `py` 的计算，否则 squish≠1 时角色视觉上会\"沉入\"平台下方**\n\n ⚠️ 如果自检发现违规代码，**不要提交**，先修正 html_content 再继续下一步。\n\n5.5. **【必须执行】JS 语法验证**（应用类/游戏类必须，文件类可选）：\n 在调用 `myapp_register` 之前，用 `exec` 工具对 html_content 中的 `\n ```\n - `changeDir(dx, dy)` 和 `togglePause()` 替换为游戏实际函数名；坐标映射类游戏中方向键可改为触发\"持续向该方向移动\"逻辑\n - 按钮尺寸用 `vmin` 单位，960px 小屏到 2560px 大屏均可用\n - 暂停键必须在中心格，禁止移到键盘外部单独放置\n\n **游戏角色视觉规范**（卡通可爱风格，禁止只画纯色圆点/方块）：\n - 贪吃蛇：蛇头用圆角矩形 + 两个白色眼睛（小圆 + 黑色瞳孔）+ 根据朝向旋转；蛇身用渐变色圆角矩形，节节之间颜色略有变化；食物用苹果/草莓等图形（红色圆 + 绿色小叶子）\n - 贪吃蛇蛇头绘制示例（Canvas 2D）：\n ```js\n function drawHead(ctx, x, y, w, h, dir) {\n ctx.save();\n ctx.translate(x + w/2, y + h/2);\n const angle = {right:0, down:Math.PI/2, left:Math.PI, up:-Math.PI/2}[dir] || 0;\n ctx.rotate(angle);\n // 头部圆角矩形\n ctx.fillStyle = '#2ecc71';\n roundRect(ctx, -w/2, -h/2, w, h, w*0.3);\n ctx.fill();\n // 眼睛\n [[-w*0.15, -h*0.15],[w*0.15, -h*0.15]].forEach(([ex,ey])=>{\n ctx.fillStyle='#fff'; ctx.beginPath(); ctx.arc(ex,ey,w*0.12,0,Math.PI*2); ctx.fill();\n ctx.fillStyle='#222'; ctx.beginPath(); ctx.arc(ex+w*0.03,ey,w*0.06,0,Math.PI*2); ctx.fill();\n });\n ctx.restore();\n }\n function roundRect(ctx,x,y,w,h,r){\n ctx.beginPath();ctx.moveTo(x+r,y);ctx.lineTo(x+w-r,y);ctx.arcTo(x+w,y,x+w,y+r,r);\n ctx.lineTo(x+w,y+h-r);ctx.arcTo(x+w,y+h,x+w-r,y+h,r);ctx.lineTo(x+r,y+h);\n ctx.arcTo(x,y+h,x,y+h-r,r);ctx.lineTo(x,y+r);ctx.arcTo(x,y,x+r,y,r);ctx.closePath();\n }\n ```\n - 俄罗斯方块：方块用渐变色 + 高光边框，不同形状用不同颜色\n - 飞机大战：飞机用多边形或 SVG path 绘制，子弹用细长椭圆，敌机颜色与玩家区分；**子弹必须自动连续发射，禁止要求玩家手动点击射击**；操作说明写「触摸屏幕移动飞机，子弹自动发射」\n - 通用原则：所有游戏角色必须有辨识度，能看出是什么，不能只是纯色几何形状\n\n **平台跳跃 / 跑酷类游戏触摸控制规范**（马里奥、跑酷等左右移动+跳跃类游戏必须遵守）：\n\n > 核心设计：左右半屏控制方向，上滑触发跳跃，斜滑（如右上方）同时触发移动+跳跃，完全模拟实体手柄的拇指操作。\n\n ```js\n let tSX = 0, tSY = 0; // 触摸起点，每次 touchstart 或跳跃触发后重置\n\n canvas.addEventListener('touchstart', e => {\n e.preventDefault();\n const t = e.touches[0];\n tSX = t.clientX; tSY = t.clientY;\n }, {passive: false});\n\n canvas.addEventListener('touchmove', e => {\n e.preventDefault();\n const t = e.touches[0];\n const dx = t.clientX - tSX;\n const dy = t.clientY - tSY; // 负值 = 向上\n\n // 左右移动：根据手指当前位置在画布左/右半区判断方向\n const rect = canvas.getBoundingClientRect();\n if (t.clientX < rect.left + rect.width / 2) {\n moveLeft();\n } else {\n moveRight();\n }\n\n // 上滑检测跳跃：阈值 20px，触发后立即重置 tSY 防止重复触发\n if (dy < -20) {\n jump();\n tSY = t.clientY; // 重置参考点，允许同一次触摸连续触发（斜滑等）\n }\n }, {passive: false});\n\n canvas.addEventListener('touchend', e => {\n stopMove(); // 手指抬起停止移动\n }, {passive: false});\n ```\n - `dy < -20`（负值向上）触发跳跃，同一次 `touchmove` 序列可多次触发（重置 tSY）\n - 斜向上滑（如右上方）会同时执行 `moveRight()` + `jump()`，天然支持斜跳\n - 阈值 20px 优于 28px，更灵敏，适合快节奏横板游戏\n - 右栏方向键：◀▶ 控制移动，▲ 触发跳跃，▼ 可用于下蹲/快速下落\n - 触摸坐标映射为主控，方向键为辅助——两套控制并行，不互斥\n - 防止页面滚动干扰游戏：游戏容器加 `touch-action:none`，Canvas 加 `{ passive: false }` 并 `e.preventDefault()`\n - 游戏暂停/重启按钮触摸区域 ≥ 44×44px\n - 禁止在游戏主循环中使用 `alert()`，改用页面内自定义弹窗显示胜负信息\n\n **跳跃 / 平台类游戏角色定位规范**（跳一跳、跑酷、马里奥等必须遵守）：\n\n > ⚠️ **已知 Bug 根因**：用 `ph = PLAYER_H / squish` 作为绘制高度来定位头部/身体，当落地弹跳动画触发 `squish ≠ 1` 时，`ph` 变大，角色视觉上\"沉入\"平台下方。\n\n **正确做法**：`py` 始终表示角色**脚底**的 y 坐标（即站在平台顶面），`squish` 只影响**宽度**（身体变宽/变窄），绝不影响高度定位：\n ```js\n // py = 脚底 y（始终贴平台顶面，不受 squish 影响）\n // squish: 落地压缩系数，1=正常，>1=横向压扁（宽变大、高不变）\n function drawPlayer(ctx, px, py, squish) {\n const W = PLAYER_W * squish; // 宽度随 squish 变化\n const H = PLAYER_H; // 高度固定，不除以 squish\n const x = px - W / 2;\n const y = py - H; // 脚底 py 往上量固定 PLAYER_H\n // 绘制身体：rr(ctx, x, y, W, H, radius)\n }\n ```\n - `squish` 动画只修改 `W`（或同时等比缩小 `H` 但必须同步上移 `y = py - H`），确保脚底始终在 `py`\n - 禁止写 `y = py - PLAYER_H / squish`，这会在 squish > 1 时让角色上移，squish < 1 时下沉\n\n\n\n > ⚠️ **强制要求**：所有游戏类应用必须内置难度阶段机制，**默认从简单难度开始**，通过 10 关后自动升级为中等难度，通过 20 关后升级为困难。以飞机大战为参照基准，其他游戏按比例换算。\n\n **难度分级标准**（以飞机大战为基准示例）：\n | 阶段 | 关卡范围 | 敌机坠落速度 | 子弹发射间隔 | 过关目标分 | 每关目标分增量 |\n |------|---------|------------|------------|---------|------------|\n | 简单（Easy） | 第 1~10 关 | 基础速度 × 1/2 | 300ms/发 | 100 分 | +10 分/关 |\n | 中等（Medium）| 第 11~20 关 | 基础速度 × 80% | 200ms/发 | 200 分 | +10 分/关 |\n | 困难（Hard） | 第 21 关起 | 基础速度 | 100ms/发 | 300 分 | +10 分/关 |\n\n - **难度参数必须用变量控制**，根据关卡号计算，禁止魔法数字硬编码：\n ```js\n let level = 1; // 每通关 +1\n\n function getDifficulty(level) {\n if (level <= 10) return {\n speedMul: 1/2, bulletInterval: 300,\n targetScore: 100 + (level - 1) * 10 // 100, 110, 120...\n };\n if (level <= 20) return {\n speedMul: 0.8, bulletInterval: 200,\n targetScore: 200 + (level - 11) * 10 // 200, 210, 220...\n };\n return {\n speedMul: 1, bulletInterval: 100,\n targetScore: 300 + (level - 21) * 10 // 300, 310, 320...\n };\n }\n ```\n - **不设硬性关卡上限**，进入困难阶段后目标分持续增加，让玩家可以持续挑战\n - 关卡信息（当前关卡、当前难度名称、得分 / 目标分、生命）必须在右栏顶部实时显示\n\n **文档/Word/PDF 风格**：\n - 容器使用响应式宽度：`max-width: min(1200px, 92vw); margin: 3vh auto; padding: 4vh 5vw`\n - 在 960px 小屏上内容几乎满宽，在 1920px+ 大屏上居中且不超过 1200px\n - 正文字号 `clamp(14px, 1.8vw, 18px)`，标题 `clamp(20px, 3vw, 32px)`\n - 清晰的标题/段落/列表排版，使用衬线或无衬线字体\n - 页面顶部可显示文档标题和日期\n\n **PPT/演示文稿风格**：\n - 引入 reveal.js：``\n - 引入主题：``\n - 引入 JS：``\n - 内容用 `
...
` 包裹\n - 每个 `
` 是一页幻灯片\n - 初始化：``\n reveal.js 内部会等比缩放到实际视口，960×600 基准保证所有设备文字清晰不溢出\n - 5~15 页为宜\n\n **Excel/表格风格**：\n - 容器 `width:100vw; height:100vh; overflow:auto; box-sizing:border-box; padding:2vh 3vw`\n - HTML `
` 宽度 100%，带 border 和交替行色\n - 表头字号 `clamp(12px, 1.6vw, 16px)`，单元格字号 `clamp(12px, 1.4vw, 15px)`\n - 表头点击可排序（内联 JS 实现）\n - 单元格 `contenteditable=\"true\"` 可编辑\n\n **所有类型通用禁止项**：\n - 禁止出现\"导出\"、\"打印\"、\"保存\"功能按钮\n - 禁止 `@media print` 相关样式\n - 禁止 `window.print()`、文件下载等功能\n\n4. 图标生成（icon_base64）：\n - 产出一个 256×256 的 SVG 图标\n - 风格：圆角矩形纯色背景 + 居中的主题图形（用 SVG path/circle/rect 绘制，**禁止使用 `` 或 emoji**）\n - 背景用饱和度高的纯色，中间图形用与背景对比强烈的颜色（可用白色、也可用多色彩搭配，参考 App Store 图标风格）\n - SVG 文本做 base64 编码后传入 icon_base64（不带 `data:image/svg+xml;base64,` 前缀）\n - SVG 原文不超过 3KB，**禁止使用 `` 元素或 emoji**\n\n5. **【必须执行】HTML 自检 — 提交前逐项检查**：\n 生成 html_content 后，**必须**在脑内逐项检查以下条件，任一不通过则必须修改代码后再提交：\n\n **自检项 A — 禁止 AI/电脑对手**（仅游戏/棋类/对战类需检查）：\n - [ ] 代码中是否存在任何\"电脑走棋/出牌/移动\"的函数？（如 `computerMove`, `aiMove`, `makeAIMove`, `botPlay`, `autoPlay`, `cpuTurn`）→ 若有，**删除整个函数及其调用**\n - [ ] 代码中是否存在 `minimax`, `alphaBeta`, `evaluate`, `bestMove`, `getRandomMove`, `Math.random()` 用于选择落子位置？→ 若有，**删除**\n - [ ] 代码中是否存在\"难度选择\"（easy/medium/hard）或\"人机/人人\"模式切换？→ 若有，**删除，只保留双人模式**\n - [ ] 游戏流程是否为：玩家A操作 → 切换到玩家B → 玩家B操作 → 切换回玩家A → 循环？→ 必须是\n - [ ] 是否有任何 `setTimeout`/`setInterval` 用于延迟执行电脑的操作？→ 若有，**删除**\n\n **自检项 B — 禁止导出/打印/保存**（所有类型需检查）：\n - [ ] 是否存在\"导出\"、\"打印\"、\"保存\"、\"下载\"按钮或菜单项？→ 若有，**删除**\n - [ ] 是否存在 `window.print()`, `document.execCommand('SaveAs')`, `URL.createObjectURL`, `download` 属性？→ 若有，**删除**\n\n **自检项 C — Android 8.1 WebView 兼容**（所有类型需检查）：\n - [ ] 是否使用了 Chrome 86+ 才支持的 CSS/JS API（`@property`、`content-visibility`、`structuredClone`、`??=`/`||=`/`&&=` 赋值运算符）？→ 若有，**替换为兼容写法**\n - [ ] 是否使用了 `ctx.roundRect()`？→ Chrome 99+，**必须替换为自定义 `rr()` helper（用 arcTo 实现）**\n - [ ] Canvas 内是否使用了 emoji 字符（fillText 中含 🔥❤️ 等）？→ WebView 字体渲染异常，**必须替换为纯文字或几何图形**\n - [ ] 游戏布局是否为横版左右两栏（左栏游戏区、右栏控制区）？→ **若是竖版堆叠，必须改为横版**\n - [ ] 右栏有 `#game-preview`（下一块/预览区）时，是否已去掉 `#leaderboard` 和 `#instructions`？→ **预览区与排行/说明互斥，有预览时不展示排行和说明**。无预览区的游戏中，排行/说明用 `flex:1 1 0;min-height:0` + h3 固定 + `.sb-inner` 内滚动。`#controls` 始终 `flex:0 0 auto` 固定底部\n - [ ] Canvas CSS 是否用 `position:absolute;top:0;left:0;width:100%;height:100%` 撑满左栏，而非依赖 flex 布局？→ **若只用 `width:100%;height:100%` 而无 `position:absolute`，必须修正**\n - [ ] Canvas 尺寸初始化是否在 `window.load` + 双层 `requestAnimationFrame` 内执行，且用 `offsetWidth` 做兜底（防止 Android 8.1 WebView 初始 `clientWidth` 为 0）？→ **若直接在顶层读 `clientWidth`，必须改为延迟初始化模板**\n - [ ] 需要方向控制的游戏：是否在 Canvas 上绑定了 `touchstart`/`touchmove` 做坐标直接映射（主控），且右下角仍保留方向键 + 暂停按钮（辅助）？→ **若只有方向按钮而无触摸坐标映射，必须补充**\n - [ ] 飞机大战类游戏：子弹是否自动连续发射（`setInterval` 或主循环计时），而非要求玩家手动点击射击？→ **若需要手动触发，必须改为自动发射**\n - [ ] 俄罗斯方块/消除类游戏：①初始下落间隔是否为800ms（经典NES速度）？②贴地后是否立刻lock+spawn（零等待，无LOCK_DELAY缓冲）？③`spawnPiece()`是否将新方块赋值给全局变量（`cur=shape`）？→ **若不符合，按专项规则修正**\n - [ ] 游戏内的开始/结束/暂停遮罩层是否用 `position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center` 居中（**禁止用 `inset:0`，Chrome 85 不支持**）？→ **若用 `inset:0` 或固定像素定位，内容会在智能屏上贴左上角，必须修正**\n - [ ] 游戏是否实现了三段式难度（简单1~10关：速度×1/2、300ms/发、100+10×n分 → 中等11~20关：速度×80%、200ms/发、200+10×n分 → 困难21关起：基础速度、100ms/发、300+10×n分），且第1关使用简单参数？→ **若全程同一难度或开局就很快，必须按难度分级模板修正**\n - [ ] 游戏角色是否有视觉辨识度（蛇头有眼睛、食物有形状等），而不是纯色圆点/方块？→ **若只是纯色几何形，必须改为卡通风格**\n - [ ] 是否使用了原生 `alert()`/`confirm()`/`prompt()`？→ 若有，**改为页面内自定义弹窗**\n - [ ] 游戏容器/Canvas 是否加了 `touch-action:none` 并在 touch 事件中调用 `e.preventDefault()`？→ 若未处理，**补充**\n - [ ] 可点击/可触摸元素的触摸区域是否 ≥ 44×44px？→ 若不足，**调整尺寸**\n - [ ] 跳跃/平台类游戏（跳一跳、跑酷等）：绘制角色时是否用固定常量 `PLAYER_H` 定位脚底坐标（`py` 为脚底 y，头顶为 `py - PLAYER_H`），而非用 `PLAYER_H / squish` 等变形高度定位？→ **`squish`（落地压缩动画）只能影响角色宽度/变窄，绝不能影响脚底 `py` 的计算，否则 squish≠1 时角色视觉上会\"沉入\"平台下方**\n\n ⚠️ 如果自检发现违规代码，**不要提交**，先修正 html_content 再继续下一步。\n\n5.5. **【必须执行】JS 语法验证**（应用类/游戏类必须，文件类可选）：\n 在调用 `myapp_register` 之前，用 `exec` 工具对 html_content 中的 `\n ```\n - `changeDir(dx, dy)` 和 `togglePause()` 替换为游戏实际函数名；坐标映射类游戏中方向键可改为触发\"持续向该方向移动\"逻辑\n - 按钮尺寸用 `vmin` 单位，960px 小屏到 2560px 大屏均可用\n - 暂停键必须在中心格，禁止移到键盘外部单独放置\n\n **游戏角色视觉规范**（卡通可爱风格，禁止只画纯色圆点/方块）：\n - 贪吃蛇：蛇头用圆角矩形 + 两个白色眼睛（小圆 + 黑色瞳孔）+ 根据朝向旋转；蛇身用渐变色圆角矩形，节节之间颜色略有变化；食物用苹果/草莓等图形（红色圆 + 绿色小叶子）\n - 贪吃蛇蛇头绘制示例（Canvas 2D）：\n ```js\n function drawHead(ctx, x, y, w, h, dir) {\n ctx.save();\n ctx.translate(x + w/2, y + h/2);\n const angle = {right:0, down:Math.PI/2, left:Math.PI, up:-Math.PI/2}[dir] || 0;\n ctx.rotate(angle);\n // 头部圆角矩形\n ctx.fillStyle = '#2ecc71';\n roundRect(ctx, -w/2, -h/2, w, h, w*0.3);\n ctx.fill();\n // 眼睛\n [[-w*0.15, -h*0.15],[w*0.15, -h*0.15]].forEach(([ex,ey])=>{\n ctx.fillStyle='#fff'; ctx.beginPath(); ctx.arc(ex,ey,w*0.12,0,Math.PI*2); ctx.fill();\n ctx.fillStyle='#222'; ctx.beginPath(); ctx.arc(ex+w*0.03,ey,w*0.06,0,Math.PI*2); ctx.fill();\n });\n ctx.restore();\n }\n function roundRect(ctx,x,y,w,h,r){\n ctx.beginPath();ctx.moveTo(x+r,y);ctx.lineTo(x+w-r,y);ctx.arcTo(x+w,y,x+w,y+r,r);\n ctx.lineTo(x+w,y+h-r);ctx.arcTo(x+w,y+h,x+w-r,y+h,r);ctx.lineTo(x+r,y+h);\n ctx.arcTo(x,y+h,x,y+h-r,r);ctx.lineTo(x,y+r);ctx.arcTo(x,y,x+r,y,r);ctx.closePath();\n }\n ```\n - 俄罗斯方块：方块用渐变色 + 高光边框，不同形状用不同颜色\n - 飞机大战：飞机用多边形或 SVG path 绘制，子弹用细长椭圆，敌机颜色与玩家区分；**子弹必须自动连续发射，禁止要求玩家手动点击射击**；操作说明写「触摸屏幕移动飞机，子弹自动发射」\n - 通用原则：所有游戏角色必须有辨识度，能看出是什么，不能只是纯色几何形状\n\n **平台跳跃 / 跑酷类游戏触摸控制规范**（马里奥、跑酷等左右移动+跳跃类游戏必须遵守）：\n\n > 核心设计：左右半屏控制方向，上滑触发跳跃，斜滑（如右上方）同时触发移动+跳跃，完全模拟实体手柄的拇指操作。\n\n ```js\n let tSX = 0, tSY = 0; // 触摸起点，每次 touchstart 或跳跃触发后重置\n\n canvas.addEventListener('touchstart', e => {\n e.preventDefault();\n const t = e.touches[0];\n tSX = t.clientX; tSY = t.clientY;\n }, {passive: false});\n\n canvas.addEventListener('touchmove', e => {\n e.preventDefault();\n const t = e.touches[0];\n const dx = t.clientX - tSX;\n const dy = t.clientY - tSY; // 负值 = 向上\n\n // 左右移动：根据手指当前位置在画布左/右半区判断方向\n const rect = canvas.getBoundingClientRect();\n if (t.clientX < rect.left + rect.width / 2) {\n moveLeft();\n } else {\n moveRight();\n }\n\n // 上滑检测跳跃：阈值 20px，触发后立即重置 tSY 防止重复触发\n if (dy < -20) {\n jump();\n tSY = t.clientY; // 重置参考点，允许同一次触摸连续触发（斜滑等）\n }\n }, {passive: false});\n\n canvas.addEventListener('touchend', e => {\n stopMove(); // 手指抬起停止移动\n }, {passive: false});\n ```\n - `dy < -20`（负值向上）触发跳跃，同一次 `touchmove` 序列可多次触发（重置 tSY）\n - 斜向上滑（如右上方）会同时执行 `moveRight()` + `jump()`，天然支持斜跳\n - 阈值 20px 优于 28px，更灵敏，适合快节奏横板游戏\n - 右栏方向键：◀▶ 控制移动，▲ 触发跳跃，▼ 可用于下蹲/快速下落\n - 触摸坐标映射为主控，方向键为辅助——两套控制并行，不互斥\n - 防止页面滚动干扰游戏：游戏容器加 `touch-action:none`，Canvas 加 `{ passive: false }` 并 `e.preventDefault()`\n - 游戏暂停/重启按钮触摸区域 ≥ 44×44px\n - 禁止在游戏主循环中使用 `alert()`，改用页面内自定义弹窗显示胜负信息\n\n **跳跃 / 平台类游戏角色定位规范**（跳一跳、跑酷、马里奥等必须遵守）：\n\n > ⚠️ **已知 Bug 根因**：用 `ph = PLAYER_H / squish` 作为绘制高度来定位头部/身体，当落地弹跳动画触发 `squish ≠ 1` 时，`ph` 变大，角色视觉上\"沉入\"平台下方。\n\n **正确做法**：`py` 始终表示角色**脚底**的 y 坐标（即站在平台顶面），`squish` 只影响**宽度**（身体变宽/变窄），绝不影响高度定位：\n ```js\n // py = 脚底 y（始终贴平台顶面，不受 squish 影响）\n // squish: 落地压缩系数，1=正常，>1=横向压扁（宽变大、高不变）\n function drawPlayer(ctx, px, py, squish) {\n const W = PLAYER_W * squish; // 宽度随 squish 变化\n const H = PLAYER_H; // 高度固定，不除以 squish\n const x = px - W / 2;\n const y = py - H; // 脚底 py 往上量固定 PLAYER_H\n // 绘制身体：rr(ctx, x, y, W, H, radius)\n }\n ```\n - `squish` 动画只修改 `W`（或同时等比缩小 `H` 但必须同步上移 `y = py - H`），确保脚底始终在 `py`\n - 禁止写 `y = py - PLAYER_H / squish`，这会在 squish > 1 时让角色上移，squish < 1 时下沉\n\n\n\n > ⚠️ **强制要求**：所有游戏类应用必须内置难度阶段机制，**默认从简单难度开始**，通过 10 关后自动升级为中等难度，通过 20 关后升级为困难。以飞机大战为参照基准，其他游戏按比例换算。\n\n **难度分级标准**（以飞机大战为基准示例）：\n | 阶段 | 关卡范围 | 敌机坠落速度 | 子弹发射间隔 | 过关目标分 | 每关目标分增量 |\n |------|---------|------------|------------|---------|------------|\n | 简单（Easy） | 第 1~10 关 | 基础速度 × 1/2 | 300ms/发 | 100 分 | +10 分/关 |\n | 中等（Medium）| 第 11~20 关 | 基础速度 × 80% | 200ms/发 | 200 分 | +10 分/关 |\n | 困难（Hard） | 第 21 关起 | 基础速度 | 100ms/发 | 300 分 | +10 分/关 |\n\n - **难度参数必须用变量控制**，根据关卡号计算，禁止魔法数字硬编码：\n ```js\n let level = 1; // 每通关 +1\n\n function getDifficulty(level) {\n if (level <= 10) return {\n speedMul: 1/2, bulletInterval: 300,\n targetScore: 100 + (level - 1) * 10 // 100, 110, 120...\n };\n if (level <= 20) return {\n speedMul: 0.8, bulletInterval: 200,\n targetScore: 200 + (level - 11) * 10 // 200, 210, 220...\n };\n return {\n speedMul: 1, bulletInterval: 100,\n targetScore: 300 + (level - 21) * 10 // 300, 310, 320...\n };\n }\n ```\n - **不设硬性关卡上限**，进入困难阶段后目标分持续增加，让玩家可以持续挑战\n - 关卡信息（当前关卡、当前难度名称、得分 / 目标分、生命）必须在右栏顶部实时显示\n\n **文档/Word/PDF 风格**：\n - 容器使用响应式宽度：`max-width: min(1200px, 92vw); margin: 3vh auto; padding: 4vh 5vw`\n - 在 960px 小屏上内容几乎满宽，在 1920px+ 大屏上居中且不超过 1200px\n - 正文字号 `clamp(14px, 1.8vw, 18px)`，标题 `clamp(20px, 3vw, 32px)`\n - 清晰的标题/段落/列表排版，使用衬线或无衬线字体\n - 页面顶部可显示文档标题和日期\n\n **PPT/演示文稿风格**：\n - 引入 reveal.js：``\n - 引入主题：``\n - 引入 JS：``\n - 内容用 `
...
` 包裹\n - 每个 `
` 是一页幻灯片\n - 初始化：``\n reveal.js 内部会等比缩放到实际视口，960×600 基准保证所有设备文字清晰不溢出\n - 5~15 页为宜\n\n **Excel/表格风格**：\n - 容器 `width:100vw; height:100vh; overflow:auto; box-sizing:border-box; padding:2vh 3vw`\n - HTML `
` 宽度 100%，带 border 和交替行色\n - 表头字号 `clamp(12px, 1.6vw, 16px)`，单元格字号 `clamp(12px, 1.4vw, 15px)`\n - 表头点击可排序（内联 JS 实现）\n - 单元格 `contenteditable=\"true\"` 可编辑\n\n **所有类型通用禁止项**：\n - 禁止出现\"导出\"、\"打印\"、\"保存\"功能按钮\n - 禁止 `@media print` 相关样式\n - 禁止 `window.print()`、文件下载等功能\n\n4. 图标生成（icon_base64）：\n - 产出一个 256×256 的极简 SVG 图标\n - 风格：圆角矩形纯色背景 + 居中的白色简笔图形（用 SVG path/circle/rect 绘制，**禁止使用 `` 或 emoji**）\n - 色彩鲜明，背景色与应用/文件主题相关，图形用白色（fill=\"#fff\"）\n - SVG 文本做 base64 编码后传入 icon_base64（不带 `data:image/svg+xml;base64,` 前缀）\n - 服务端会自动将 SVG 转换为 PNG 存储，无需 Agent 处理\n - SVG 原文不超过 3KB\n - **重要**：不要使用 `` 元素或 emoji 字符，服务端渲染不支持字体，会变成黑色方块\n - 图形设计原则：用 2~4 个简单几何元素组合表达应用主题，线条粗细 8~12px，保持简洁\n - 各类型模板参考（直接替换背景色和图形路径）：\n\n **游戏类**（贪吃蛇 — 绿色背景 + 蛇形曲线）：\n ```\n \n ```\n\n **文档类**（报告 — 蓝色背景 + 文档图形）：\n ```\n \n ```\n\n **PPT类**（演示 — 紫色背景 + 幻灯片图形）：\n ```\n \n ```\n\n **表格类**（数据 — 橙色背景 + 网格图形）：\n ```\n \n ```\n\n **工具类**（计算器/时钟 — 青色背景 + 齿轮图形）：\n ```\n \n ```\n\n - 根据具体应用主题自由调整：更换背景色、修改 path 形状来表达应用特征\n - 背景色建议：游戏用暖色/亮色（绿、红、橙），文档用冷色（蓝、靛），工具用中性色（青、灰蓝）\n\n5. **【必须执行】HTML 自检 — 提交前逐项检查**：\n 生成 html_content 后，**必须**在脑内逐项检查以下条件，任一不通过则必须修改代码后再提交：\n\n **自检项 A — 禁止 AI/电脑对手**（仅游戏/棋类/对战类需检查）：\n - [ ] 代码中是否存在任何\"电脑走棋/出牌/移动\"的函数？（如 `computerMove`, `aiMove`, `makeAIMove`, `botPlay`, `autoPlay`, `cpuTurn`）→ 若有，**删除整个函数及其调用**\n - [ ] 代码中是否存在 `minimax`, `alphaBeta`, `evaluate`, `bestMove`, `getRandomMove`, `Math.random()` 用于选择落子位置？→ 若有，**删除**\n - [ ] 代码中是否存在\"难度选择\"（easy/medium/hard）或\"人机/人人\"模式切换？→ 若有，**删除，只保留双人模式**\n - [ ] 游戏流程是否为：玩家A操作 → 切换到玩家B → 玩家B操作 → 切换回玩家A → 循环？→ 必须是\n - [ ] 是否有任何 `setTimeout`/`setInterval` 用于延迟执行电脑的操作？→ 若有，**删除**\n\n **自检项 B — 禁止导出/打印/保存**（所有类型需检查）：\n - [ ] 是否存在\"导出\"、\"打印\"、\"保存\"、\"下载\"按钮或菜单项？→ 若有，**删除**\n - [ ] 是否存在 `window.print()`, `document.execCommand('SaveAs')`, `URL.createObjectURL`, `download` 属性？→ 若有，**删除**\n\n **自检项 C — Android 8.1 WebView 兼容**（所有类型需检查）：\n - [ ] 是否使用了 Chrome 86+ 才支持的 CSS/JS API（`@property`、`content-visibility`、`structuredClone`、`??=`/`||=`/`&&=` 赋值运算符）？→ 若有，**替换为兼容写法**\n - [ ] 是否使用了 `ctx.roundRect()`？→ Chrome 99+，**必须替换为自定义 `rr()` helper（用 arcTo 实现）**\n - [ ] Canvas 内是否使用了 emoji 字符（fillText 中含 🔥❤️ 等）？→ WebView 字体渲染异常，**必须替换为纯文字或几何图形**\n - [ ] 游戏布局是否为横版左右两栏（左栏游戏区、右栏控制区）？→ **若是竖版堆叠，必须改为横版**\n - [ ] 右栏有 `#game-preview`（下一块/预览区）时，是否已去掉 `#leaderboard` 和 `#instructions`？→ **预览区与排行/说明互斥，有预览时不展示排行和说明**。无预览区的游戏中，排行/说明用 `flex:1 1 0;min-height:0` + h3 固定 + `.sb-inner` 内滚动。`#controls` 始终 `flex:0 0 auto` 固定底部\n - [ ] Canvas CSS 是否用 `position:absolute;top:0;left:0;width:100%;height:100%` 撑满左栏，而非依赖 flex 布局？→ **若只用 `width:100%;height:100%` 而无 `position:absolute`，必须修正**\n - [ ] Canvas 尺寸初始化是否在 `window.load` + 双层 `requestAnimationFrame` 内执行，且用 `offsetWidth` 做兜底（防止 Android 8.1 WebView 初始 `clientWidth` 为 0）？→ **若直接在顶层读 `clientWidth`，必须改为延迟初始化模板**\n - [ ] 需要方向控制的游戏：是否在 Canvas 上绑定了 `touchstart`/`touchmove` 做坐标直接映射（主控），且右下角仍保留方向键 + 暂停按钮（辅助）？→ **若只有方向按钮而无触摸坐标映射，必须补充**\n - [ ] 飞机大战类游戏：子弹是否自动连续发射（`setInterval` 或主循环计时），而非要求玩家手动点击射击？→ **若需要手动触发，必须改为自动发射**\n - [ ] 俄罗斯方块/消除类游戏：①初始下落间隔是否为800ms（经典NES速度）？②贴地后是否立刻lock+spawn（零等待，无LOCK_DELAY缓冲）？③`spawnPiece()`是否将新方块赋值给全局变量（`cur=shape`）？→ **若不符合，按专项规则修正**\n - [ ] 游戏内的开始/结束/暂停遮罩层是否用 `position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center` 居中（**禁止用 `inset:0`，Chrome 85 不支持**）？→ **若用 `inset:0` 或固定像素定位，内容会在智能屏上贴左上角，必须修正**\n - [ ] 游戏是否实现了三段式难度（简单1~10关：速度×1/2、300ms/发、100+10×n分 → 中等11~20关：速度×80%、200ms/发、200+10×n分 → 困难21关起：基础速度、100ms/发、300+10×n分），且第1关使用简单参数？→ **若全程同一难度或开局就很快，必须按难度分级模板修正**\n - [ ] 游戏角色是否有视觉辨识度（蛇头有眼睛、食物有形状等），而不是纯色圆点/方块？→ **若只是纯色几何形，必须改为卡通风格**\n - [ ] 是否使用了原生 `alert()`/`confirm()`/`prompt()`？→ 若有，**改为页面内自定义弹窗**\n - [ ] 游戏容器/Canvas 是否加了 `touch-action:none` 并在 touch 事件中调用 `e.preventDefault()`？→ 若未处理，**补充**\n - [ ] 可点击/可触摸元素的触摸区域是否 ≥ 44×44px？→ 若不足，**调整尺寸**\n - [ ] 跳跃/平台类游戏（跳一跳、跑酷等）：绘制角色时是否用固定常量 `PLAYER_H` 定位脚底坐标（`py` 为脚底 y，头顶为 `py - PLAYER_H`），而非用 `PLAYER_H / squish` 等变形高度定位？→ **`squish`（落地压缩动画）只能影响角色宽度/变窄，绝不能影响脚底 `py` 的计算，否则 squish≠1 时角色视觉上会\"沉入\"平台下方**\n\n ⚠️ 如果自检发现违规代码，**不要提交**，先修正 html_content 再继续下一步。\n\n5.5. **【必须执行】JS 语法验证**（应用类/游戏类必须，文件类可选）：\n 在调用 `myapp_register` 之前，用 `exec` 工具对 html_content 中的 `\n ```\n - `changeDir(dx, dy)` 和 `togglePause()` 替换为游戏实际函数名；坐标映射类游戏中方向键可改为触发\"持续向该方向移动\"逻辑\n - 按钮尺寸用 `vmin` 单位，960px 小屏到 2560px 大屏均可用\n - 暂停键必须在中心格，禁止移到键盘外部单独放置\n\n **游戏角色视觉规范**（卡通可爱风格，禁止只画纯色圆点/方块）：\n - 贪吃蛇：蛇头用圆角矩形 + 两个白色眼睛（小圆 + 黑色瞳孔）+ 根据朝向旋转；蛇身用渐变色圆角矩形，节节之间颜色略有变化；食物用苹果/草莓等图形（红色圆 + 绿色小叶子）\n - 贪吃蛇蛇头绘制示例（Canvas 2D）：\n ```js\n function drawHead(ctx, x, y, w, h, dir) {\n ctx.save();\n ctx.translate(x + w/2, y + h/2);\n const angle = {right:0, down:Math.PI/2, left:Math.PI, up:-Math.PI/2}[dir] || 0;\n ctx.rotate(angle);\n // 头部圆角矩形\n ctx.fillStyle = '#2ecc71';\n roundRect(ctx, -w/2, -h/2, w, h, w*0.3);\n ctx.fill();\n // 眼睛\n [[-w*0.15, -h*0.15],[w*0.15, -h*0.15]].forEach(([ex,ey])=>{\n ctx.fillStyle='#fff'; ctx.beginPath(); ctx.arc(ex,ey,w*0.12,0,Math.PI*2); ctx.fill();\n ctx.fillStyle='#222'; ctx.beginPath(); ctx.arc(ex+w*0.03,ey,w*0.06,0,Math.PI*2); ctx.fill();\n });\n ctx.restore();\n }\n function roundRect(ctx,x,y,w,h,r){\n ctx.beginPath();ctx.moveTo(x+r,y);ctx.lineTo(x+w-r,y);ctx.arcTo(x+w,y,x+w,y+r,r);\n ctx.lineTo(x+w,y+h-r);ctx.arcTo(x+w,y+h,x+w-r,y+h,r);ctx.lineTo(x+r,y+h);\n ctx.arcTo(x,y+h,x,y+h-r,r);ctx.lineTo(x,y+r);ctx.arcTo(x,y,x+r,y,r);ctx.closePath();\n }\n ```\n - 俄罗斯方块：方块用渐变色 + 高光边框，不同形状用不同颜色\n - 飞机大战：飞机用多边形或 SVG path 绘制，子弹用细长椭圆，敌机颜色与玩家区分；**子弹必须自动连续发射，禁止要求玩家手动点击射击**；操作说明写「触摸屏幕移动飞机，子弹自动发射」\n - 通用原则：所有游戏角色必须有辨识度，能看出是什么，不能只是纯色几何形状\n\n **平台跳跃 / 跑酷类游戏触摸控制规范**（马里奥、跑酷等左右移动+跳跃类游戏必须遵守）：\n\n > 核心设计：左右半屏控制方向，上滑触发跳跃，斜滑（如右上方）同时触发移动+跳跃，完全模拟实体手柄的拇指操作。\n\n ```js\n let tSX = 0, tSY = 0; // 触摸起点，每次 touchstart 或跳跃触发后重置\n\n canvas.addEventListener('touchstart', e => {\n e.preventDefault();\n const t = e.touches[0];\n tSX = t.clientX; tSY = t.clientY;\n }, {passive: false});\n\n canvas.addEventListener('touchmove', e => {\n e.preventDefault();\n const t = e.touches[0];\n const dx = t.clientX - tSX;\n const dy = t.clientY - tSY; // 负值 = 向上\n\n // 左右移动：根据手指当前位置在画布左/右半区判断方向\n const rect = canvas.getBoundingClientRect();\n if (t.clientX < rect.left + rect.width / 2) {\n moveLeft();\n } else {\n moveRi\n\nArchive v1.0.29: 41 files, 86391 bytes\n\nFiles: clawhub.yaml (565b), LICENSE (912b), metadata.json (464b), openai.yaml (3724b), publish.sh (2611b), README.md (4584b), scripts/_common.sh (761b), scripts/get.sh (437b), scripts/ping.sh (832b), scripts/register.sh (1400b), scripts/update.sh (1161b), skill-card.md (2702b), SKILL.md (44423b), skills/myapp-creator/_meta.json (132b), skills/myapp-creator/clawhub.yaml (565b), skills/myapp-creator/metadata.json (464b), skills/myapp-creator/openai.yaml (3724b), skills/myapp-creator/publish.sh (2611b), skills/myapp-creator/README.md (4584b), skills/myapp-creator/scripts/_common.sh (761b), skills/myapp-creator/scripts/get.sh (437b), skills/myapp-creator/scripts/ping.sh (832b), skills/myapp-creator/scripts/register.sh (1400b), skills/myapp-creator/scripts/update.sh (1161b), skills/myapp-creator/SKILL.md (44423b), skills/myapp-creator/skills/myapp-creator/_meta.json (132b), skills/myapp-creator/skills/myapp-creator/clawhub.yaml (565b), skills/myapp-creator/skills/myapp-creator/metadata.json (464b), skills/myapp-creator/skills/myapp-creator/openai.yaml (3257b), skills/myapp-creator/skills/myapp-creator/publish.sh (2611b), skills/myapp-creator/skills/myapp-creator/README.md (4180b), skills/myapp-creator/skills/myapp-creator/scripts/_common.sh (761b), skills/myapp-creator/skills/myapp-creator/scripts/get.sh (437b), skills/myapp-creator/skills/myapp-creator/scripts/ping.sh (832b), skills/myapp-creator/skills/myapp-creator/scripts/register.sh (1400b), skills/myapp-creator/skills/myapp-creator/scripts/update.sh (1161b), skills/myapp-creator/skills/myapp-creator/SKILL.md (44423b), skills/myapp-creator/skills/myapp-creator/version.txt (7b), skills/myapp-creator/version.txt (7b), version.txt (7b), _meta.json (133b)\n\nArchive v1.0.28: 41 files, 84584 bytes\n\nFiles: clawhub.yaml (565b), LICENSE (912b), metadata.json (464b), openai.yaml (3724b), publish.sh (2611b), README.md (4584b), scripts/_common.sh (761b), scripts/get.sh (437b), scripts/ping.sh (832b), scripts/register.sh (1400b), scripts/update.sh (1161b), skill-card.md (2493b), SKILL.md (43126b), skills/myapp-creator/_meta.json (132b), skills/myapp-creator/clawhub.yaml (565b), skills/myapp-creator/metadata.json (464b), skills/myapp-creator/openai.yaml (3724b), skills/myapp-creator/publish.sh (2611b), skills/myapp-creator/README.md (4584b), skills/myapp-creator/scripts/_common.sh (761b), skills/myapp-creator/scripts/get.sh (437b), skills/myapp-creator/scripts/ping.sh (832b), skills/myapp-creator/scripts/register.sh (1400b), skills/myapp-creator/scripts/update.sh (1161b), skills/myapp-creator/SKILL.md (43126b), skills/myapp-creator/skills/myapp-creator/_meta.json (132b), skills/myapp-creator/skills/myapp-creator/clawhub.yaml (565b), skills/myapp-creator/skills/myapp-creator/metadata.json (464b), skills/myapp-creator/skills/myapp-creator/openai.yaml (3257b), skills/myapp-creator/skills/myapp-creator/publish.sh (2611b), skills/myapp-creator/skills/myapp-creator/README.md (4180b), skills/myapp-creator/skills/myapp-creator/scripts/_common.sh (761b), skills/myapp-creator/skills/myapp-creator/scripts/get.sh (437b), skills/myapp-creator/skills/myapp-creator/scripts/ping.sh (832b), skills/myapp-creator/skills/myapp-creator/scripts/register.sh (1400b), skills/myapp-creator/skills/myapp-creator/scripts/update.sh (1161b), skills/myapp-creator/skills/myapp-creator/SKILL.md (43126b), skills/myapp-creator/skills/myapp-creator/version.txt (7b), skills/myapp-creator/version.txt (7b), version.txt (7b), _meta.json (133b)\n\nArchive v1.0.27: 41 files, 84960 bytes\n\nFiles: clawhub.yaml (565b), LICENSE (912b), metadata.json (464b), openai.yaml (3724b), publish.sh (2611b), README.md (4584b), scripts/_common.sh (761b), scripts/get.sh (437b), scripts/ping.sh (832b), scripts/register.sh (1400b), scripts/update.sh (1161b), skill-card.md (2697b), SKILL.md (43630b), skills/myapp-creator/_meta.json (132b), skills/myapp-creator/clawhub.yaml (565b), skills/myapp-creator/metadata.json (464b), skills/myapp-creator/openai.yaml (3724b), skills/myapp-creator/publish.sh (2611b), skills/myapp-creator/README.md (4584b), skills/myapp-creator/scripts/_common.sh (761b), skills/myapp-creator/scripts/get.sh (437b), skills/myapp-creator/scripts/ping.sh (832b), skills/myapp-creator/scripts/register.sh (1400b), skills/myapp-creator/scripts/update.sh (1161b), skills/myapp-creator/SKILL.md (43630b), skills/myapp-creator/skills/myapp-creator/_meta.json (132b), skills/myapp-creator/skills/myapp-creator/clawhub.yaml (565b), skills/myapp-creator/skills/myapp-creator/metadata.json (464b), skills/myapp-creator/skills/myapp-creator/openai.yaml (3257b), skills/myapp-creator/skills/myapp-creator/publish.sh (2611b), skills/myapp-creator/skills/myapp-creator/README.md (4180b), skills/myapp-creator/skills/myapp-creator/scripts/_common.sh (761b), skills/myapp-creator/skills/myapp-creator/scripts/get.sh (437b), skills/myapp-creator/skills/myapp-creator/scripts/ping.sh (832b), skills/myapp-creator/skills/myapp-creator/scripts/register.sh (1400b), skills/myapp-creator/skills/myapp-creator/scripts/update.sh (1161b), skills/myapp-creator/skills/myapp-creator/SKILL.md (43630b), skills/myapp-creator/skills/myapp-creator/version.txt (7b), skills/myapp-creator/version.txt (7b), version.txt (7b), _meta.json (133b)\n\nArchive v1.0.26: 41 files, 84462 bytes\n\nFiles: clawhub.yaml (565b), LICENSE (912b), metadata.json (464b), openai.yaml (3724b), publish.sh (2611b), README.md (4584b), scripts/_common.sh (761b), scripts/get.sh (437b), scripts/ping.sh (832b), scripts/register.sh (1400b), scripts/update.sh (1161b), skill-card.md (2299b), SKILL.md (43033b), skills/myapp-creator/_meta.json (132b), skills/myapp-creator/clawhub.yaml (565b), skills/myapp-creator/metadata.json (464b), skills/myapp-creator/openai.yaml (3724b), skills/myapp-creator/publish.sh (2611b), skills/myapp-creator/README.md (4584b), skills/myapp-creator/scripts/_common.sh (761b), skills/myapp-creator/scripts/get.sh (437b), skills/myapp-creator/scripts/ping.sh (832b), skills/myapp-creator/scripts/register.sh (1400b), skills/myapp-creator/scripts/update.sh (1161b), skills/myapp-creator/SKILL.md (43033b), skills/myapp-creator/skills/myapp-creator/_meta.json (132b), skills/myapp-creator/skills/myapp-creator/clawhub.yaml (565b), skills/myapp-creator/skills/myapp-creator/metadata.json (464b), skills/myapp-creator/skills/myapp-creator/openai.yaml (3257b), skills/myapp-creator/skills/myapp-creator/publish.sh (2611b), skills/myapp-creator/skills/myapp-creator/README.md (4180b), skills/myapp-creator/skills/myapp-creator/scripts/_common.sh (761b), skills/myapp-creator/skills/myapp-creator/scripts/get.sh (437b), skills/myapp-creator/skills/myapp-creator/scripts/ping.sh (832b), skills/myapp-creator/skills/myapp-creator/scripts/register.sh (1400b), skills/myapp-creator/skills/myapp-creator/scripts/update.sh (1161b), skills/myapp-creator/skills/myapp-creator/SKILL.md (43033b), skills/myapp-creator/skills/myapp-creator/version.txt (7b), skills/myapp-creator/version.txt (7b), version.txt (7b), _meta.json (133b)\n\nArchive v1.0.25: 41 files, 84328 bytes\n\nFiles: clawhub.yaml (565b), LICENSE (912b), metadata.json (464b), openai.yaml (3724b), publish.sh (2611b), README.md (4584b), scripts/_common.sh (761b), scripts/get.sh (437b), scripts/ping.sh (832b), scripts/register.sh (1400b), scripts/update.sh (1161b), skill-card.md (2629b), SKILL.md (43033b), skills/myapp-creator/_meta.json (132b), skills/myapp-creator/clawhub.yaml (565b), skills/myapp-creator/metadata.json (464b), skills/myapp-creator/openai.yaml (3724b), skills/myapp-creator/publish.sh (2611b), skills/myapp-creator/README.md (4584b), skills/myapp-creator/scripts/_common.sh (761b), skills/myapp-creator/scripts/get.sh (437b), skills/myapp-creator/scripts/ping.sh (832b), skills/myapp-creator/scripts/register.sh (1302b), skills/myapp-creator/scripts/update.sh (1015b), skills/myapp-creator/SKILL.md (43033b), skills/myapp-creator/skills/myapp-creator/_meta.json (132b), skills/myapp-creator/skills/myapp-creator/clawhub.yaml (565b), skills/myapp-creator/skills/myapp-creator/metadata.json (464b), skills/myapp-creator/skills/myapp-creator/openai.yaml (325...","readmeExcerpt":"Skill: Myapp Creator Owner: zhang6714268 Summary: Create or update standalone single-file HTML apps with specified features, saving them to fe-service without invoking LLM directly. Tags: latest:1.0.31 Version history: v1.0.31 | 2026-05-28T12:47:47.524Z | auto myapp-creator 1.0.31 - Updated version to 1.0.31 across all relevant metadata and documentation files. - Synchronized content and formatting in SKILL.md and re","codeSnippets":[],"executableExamples":[{"language":"js","snippet":"function rr(ctx, x, y, w, h, r) {\n ctx.beginPath();\n ctx.moveTo(x + r, y);\n ctx.lineTo(x + w - r, y); ctx.arcTo(x + w, y, x + w, y + r, r);\n ctx.lineTo(x + w, y + h - r); ctx.arcTo(x + w, y + h, x + w - r, y + h, r);\n ctx.lineTo(x + r, y + h); ctx.arcTo(x, y + h, x, y + h - r, r);\n ctx.lineTo(x, y + r); ctx.arcTo(x, y, x + r, y, r);\n ctx.closePath();\n }\n // 用法：rr(ctx, x, y, w, h, radius); ctx.fill();"},{"language":"text","snippet":"┌─────────────────────────────┬──────────────────┐\n │ │ 状态（必展示） │\n │ │ 关卡/得分/生命 │\n │ 游戏区域（左栏） ├──────────────────┤\n │ 占总宽约 65%~70% │ 下一块/预览 │\n │ 高度撑满 100vh ├──────────────────┤\n │ │ ◀ II ▶ 方向键 │\n └─────────────────────────────┴──────────────────┘"},{"language":"html","snippet":"
\n \n
\n \n \n \n \n
\n \n
\n \n
关卡/得分/生命...
\n \n
...
\n \n