dzmm-builder

专为DZMM.AI平台打造AI驱动Web应用的综合Claude Code技能

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:dzmm-builder。
它的用途是:专为DZMM.AI平台打造AI驱动Web应用的综合Claude Code技能
完整的 Skill 内容见:https://321skill.com/skills/dzmm-builder/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

“我想在DZMM上开发一个多分支叙事的恋爱模拟游戏,需要管理角色好感度和对话历史。”,它会提供完整的“状态管理游戏”架构代码、KV存储模式来保存游戏状态,以及实现富文本渲染和消息重投功能的具体代码片段。或者

对AI说:“帮我优化这个DZMM应用的Token消耗和响应速度。”,它会给出流式AI响应优化、缓存策略以及错误重试逻辑等最佳实践建议。

介绍

DZMM Builder 是一个专为DZMM.AI平台设计的Claude Code技能,旨在解决开发者在构建单文件HTML交互式Web应用时面临的架构选择、API集成和效果实现等难题。它提供了从状态管理到视觉特效的一整套解决方案。

使用方式非常直接:在Claude Code环境中安装此技能后,即可在开发DZMM项目时直接调用。你可以通过自然语言指令,如“帮我构建一个DZMM视觉小说”或“如何添加消息重新生成功能?”,来获取针对性的代码示例、最佳实践指导和完整的项目模板。

该技能非常适合希望在DZMM平台上快速构建聊天机器人、视觉小说、互动游戏、内容生成器或社区平台的前端开发者、全栈开发者和智能体开发者。无论是迁移现有React/Vue应用,还是从零开始新项目,都能从中获得高效支持。

建议用户首先浏览SKILL.md文档了解全貌,然后根据项目类型参考assets/examples/目录下的完整示例。对于迁移项目,请重点关注资源复用策略和API初始化部分,以确保性能和兼容性。

核心特点

与通用Web开发技能不同,它深度集成了DZMM.AI平台特有的API(如流式AI、KV存储、聊天API)和“打破第四面墙”的浏览器效果系统(控制灯光、声音、粒子),并提供了从React/Vue到DZMM单文件应用的完整迁移指南。

注意事项

该技能主要针对DZMM.AI平台,不适用于其他Web开发框架或需要复杂后端服务的应用场景。

常见问题

如何将我的React应用迁移到DZMM平台?

技能内包含完整的迁移指南,详细说明了资源复用策略、状态管理转换和API适配步骤,可参考SKILL.md和references/developer-guide.md。

DZMM Builder支持哪些类型的应用开发?

支持5大架构模式:无状态生成器、状态管理游戏、多轮对话系统、分层缓存平台和视觉小说系统,涵盖从内容生成到复杂叙事的各类交互应用。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/dzmm-builder/raw/index.md 读取 dzmm-builder 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。