luna.mbt
基于MoonBit的UI/SSR/SSG全栈开发框架
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：luna.mbt。 它的用途是：基于MoonBit的UI/SSR/SSG全栈开发框架 完整的 Skill 内容见：https://321skill.com/skills/luna-mbt/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我需要用MoonBit创建一个产品展示页面，要求支持服务端渲染以提高SEO，并且有一部分交互复杂的组件需要客户端水合。”，AI会建议你使用`sol`框架搭建SSR应用，用`luna`编写UI组件，并利用“岛屿架构”对交互部分进行局部水合。或者
对AI说：“我想把一系列MoonBit写的技术文章生成一个静态博客站点。”，AI会引导你使用`astra`中间件，通过配置快速将Markdown文件转换为静态HTML站点。
介绍
luna.mbt是一个基于MoonBit语言构建的现代Web应用开发框架，集成了UI渲染、服务端渲染(SSR)和静态站点生成(SSG)能力。它旨在为MoonBit生态提供一套完整、高效的前端到后端的解决方案。
该框架通过luna库提供核心的UI原语（如VDOM、水合、流式渲染），sol库提供基于Mars的SSR框架和文件路由，astra库则作为可挂载的SSG中间件。开发者可以根据项目需求，灵活组合这些包，构建从动态Web应用到静态博客的各种站点。
它特别适合使用或希望尝试MoonBit语言的全栈开发者、前端开发者以及需要构建高性能Web应用或静态站点的团队。对于熟悉React/Vue等框架但希望探索新语言生态的开发者，luna.mbt提供了一个完整的MoonBit实践范例。
使用前需确保已安装MoonBit工具链。对于SSR项目，需根据部署环境（Node.js或Cloudflare Workers）选择对应的适配器包。框架的npm包装器为已有Node.js环境的用户提供了便利的入门方式。
核心特点
这是MoonBit生态中首个集成了UI渲染、SSR和SSG的完整全栈框架，其核心库（luna）提供了从VDOM到流式渲染的底层原语，并与MoonBit语言深度集成，性能优化针对MoonBit编译器。与通用JavaScript框架不同，它紧密绑定MoonBit语言特性，为MoonBit开发者提供了开箱即用的Web开发体验。
注意事项
目前主要面向MoonBit语言生态，对于不熟悉或不愿使用MoonBit的开发者学习成本较高，且社区和第三方库生态相对新兴框架较为初期。
常见问题
luna.mbt和React/Vue有什么区别？
luna.mbt是专为MoonBit语言设计的全栈框架，核心是MoonBit生态，而React/Vue是JavaScript生态的UI库。luna.mbt集成了SSR、SSG和完整的工具链，更接近Next.js/Nuxt在各自生态中的定位。
必须使用MoonBit才能用吗？
是的，核心开发（业务逻辑、组件）需要使用MoonBit。但通过官方提供的npm包装器（@luna_ui/*），可以在已有Node.js项目中以库的形式使用部分编译后的功能。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/luna-mbt/raw/index.md 读取 luna.mbt 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/luna-mbt/raw/index.md（查看排版版本）