app-builder

主应用构建编排器。根据自然语言请求创建全栈应用。确定项目类型,选择技术栈,协调各代理模块。

作者

安装

热度:4

下载并解压到你的 skills 目录

复制命令,发送给 OpenClaw 自动安装:

下载并安装这个技能 https://openskills.cc/api/download?slug=sickn33-skills-app-builder&locale=zh&source=copy

App Builder - 智能应用构建器

技能概述

App Builder 是一个全能应用构建编排器,能够理解自然语言请求,自动分析项目需求、选择合适技术栈,并协调多个专业代理完成全栈应用的创建。

适用场景

1. 快速原型验证

当你有一个产品想法,需要快速验证可行性时,App Builder 可以在几分钟内生成完整的项目结构、数据库设计、API 接口和基础页面,让你能够专注于业务逻辑而非重复配置。

2. 技术栈决策困难

面对众多框架选择时,App Builder 会根据项目类型自动推荐 2025 年最新的技术栈组合(如 Next.js + Prisma、Nuxt 3 + Pinia),避免选择过时或不兼容的技术组合。

3. 多样化项目需求

无论你需要全栈 Web 应用、REST API、移动应用、桌面应用还是浏览器插件,App Builder 都提供了对应的 13 种预制模板,覆盖主流开发场景。

核心功能

智能需求分析

App Builder 通过分析你的自然语言描述,自动识别项目类型(社交媒体、SaaS、API 服务等),并生成详细的实施计划,包括数据库设计、API 路由、页面结构和组件清单。

多代理协同编排

App Builder 会自动协调专业代理完成各自领域的工作:

  • project-planner 分解任务和依赖关系

  • frontend-specialist 构建 UI 组件和页面

  • backend-specialist 实现 API 和业务逻辑

  • database-architect 设计数据库架构

  • devops-engineer 处理部署和预览
  • 选择性文件读取

    遵循"选择性读取"原则,App Builder 只读取与当前请求相关的文件内容,避免加载不必要的信息,确保响应速度和准确性。

    常见问题

    App Builder 支持哪些技术栈?

    App Builder 支持 2025 年主流技术栈,包括 Next.js(全栈、SaaS、静态)、Nuxt 3、Express、FastAPI、React Native、Flutter、Electron、Chrome MV3 扩展等。每种技术栈都有对应的预制模板,确保生成的项目结构符合最佳实践。

    App Builder 和传统脚手架工具有什么区别?

    传统脚手架工具(如 create-react-app)只能生成基础项目结构,需要手动配置数据库、API、认证等。App Builder 通过理解自然语言需求,自动生成包含数据库设计、API 接口、页面路由和组件的完整应用,并能协调多个代理协同工作。

    App Builder 生成的项目可以直接部署吗?

    可以。App Builder 生成的项目遵循框架最佳实践,包含完整的配置文件。配合 devops-engineer 代理,App Builder 可以自动启动预览服务器,让你立即看到运行效果。生产环境部署时,只需按照对应平台的部署流程操作即可。