当用户想要通过 AI 代理或外部服务在 Remix ( remix.gg ) 上自动发布游戏时，请使用此技能。

此技能将指导您为 Remix 平台上基于画布的游戏生成精灵表。

此技能将指导您生成 AI 图像并将其托管 URL 集成到您的游戏 HTML 中。图像生成和资产上传是单独的 REST 调用。

当用户请求 Phaser 浏览器游戏时，尤其是快速单文件 2D 游戏循环时，请使用此技能。

此技能提供了使用 sql-embedder 生成的文件的指导。

Web 应用程序分为三种主要架构模式，每种模式在导航、状态管理和用户体验方面都具有独特的特征。

现代 JavaScript 可以在许多环境中运行：Node.js、Deno、Bun、Cloudflare Workers、浏览器等等。通用 JavaScript 意味着编写一次代码就可以在任何地方运行。

状态是随时间变化的数据。管理状态的位置和方式会显着影响应用程序架构、性能和复杂性。

SEO（搜索引擎优化）确保搜索引擎可以发现、理解您的内容并对其进行排名。架构决策会显着影响 SEO 能力。

路由决定 URL 如何映射到内容以及页面之间的导航如何工作。传统服务器渲染应用程序和现代 SPA 之间的方法存在显着差异。

渲染决定了 HTML 生成的时间和地点。每种模式都有不同的性能、SEO 和基础设施影响。

中间件是在接收请求和发送响应之间运行的代码。它是 Web 应用程序中请求处理的支柱。

元框架构建在 UI 库（React、Vue、Svelte）之上，以提供：

Hydration 是将 JavaScript 事件处理程序附加到服务器渲染的 HTML 的过程，使静态内容具有交互性。

数据获取是应用程序从 API 或数据库检索数据的方式。您选择的模式会影响性能、用户体验和代码复杂性。

构建管道将您的源代码转换为浏览器的优化资产。了解这个过程对于性能优化和调试至关重要。

对当前 Web 应用程序运行全面的性能审核。目标：$ARGUMENTS（如果未指定，则默认为“完整”）。

<基本原则>

<基本原则>

<基本原则>