Low‑Code Platform Development Skill
When to use
- - User asks to build a low‑code development platform using Vue2 + ElementUI for UI and Java (Spring Boot) for the back‑end.
- User wants the assistant to create development roles (frontend, backend, devops, QA) and set up the repository structure automatically.
- User expects the platform to include page editor, component library, data model manager, workflow engine as described in the architecture overview.
Overview
This skill automates the end‑to‑end setup of the platform:
- 1. Create project roles (frontend engineer, backend engineer, devops, QA) and write brief role descriptions to
docs/roles.md. - Scaffold repository with a standard Maven + npm layout (
frontend/, backend/). - Generate base code:
- Vue2 project using ElementUI, with a drag‑and‑drop editor skeleton.
- Spring Boot project with JPA entities for data models, Camunda workflow engine integration, and REST API boilerplate.
- 4. Add essential configuration files (
docker‑compose.yml, CI pipeline, security settings). - Commit initial version to a local Git repository.
- Provide next‑step guidance for extending the platform.
Resources
- - references/architecture.md – Detailed architecture diagram and component responsibilities.
- scripts/generate_project.ps1 – PowerShell script that runs the scaffold commands.
- assets/vue‑template/ – Minimal Vue2+ElementUI starter template.
- assets/spring‑boot‑template/ – Minimal Spring Boot Maven project template.
Steps to execute
- 1. Call
scripts/generate_project.ps1 with the target directory. - The script creates the folder layout, writes
docs/roles.md, copies template assets, and runs npm install and mvn package. - After the script finishes, the skill returns a summary of what was generated and any manual actions required.
Manual post‑setup actions
- - Push the repository to a remote if desired.
- customise the generated UI components in
frontend/src/components/. - Add domain‑specific data models to
backend/src/main/java/com/app/lowcode/model/. - Configure authentication/authorization in
backend/src/main/java/com/app/lowcode/security/.
低代码平台开发技能
使用场景
- - 用户要求使用Vue2 + ElementUI构建前端、Java(Spring Boot)构建后端的低代码开发平台。
- 用户希望助手自动创建开发角色(前端、后端、运维、测试)并搭建仓库结构。
- 用户期望平台包含架构概述中描述的页面编辑器、组件库、数据模型管理器、工作流引擎。
概述
本技能自动完成平台的端到端搭建:
- 1. 创建项目角色(前端工程师、后端工程师、运维、测试)并将简要角色描述写入docs/roles.md。
- 搭建仓库结构,采用标准Maven + npm布局(frontend/、backend/)。
- 生成基础代码:
- 使用ElementUI的Vue2项目,包含拖拽编辑器骨架。
- 使用Spring Boot项目,包含数据模型的JPA实体、Camunda工作流引擎集成和REST API模板。
- 4. 添加必要的配置文件(docker-compose.yml、CI流水线、安全设置)。
- 提交初始版本到本地Git仓库。
- 提供扩展平台的下一步指导。
资源
- - references/architecture.md – 详细的架构图和组件职责说明。
- scripts/generate_project.ps1 – 执行脚手架命令的PowerShell脚本。
- assets/vue-template/ – 最小化的Vue2+ElementUI启动模板。
- assets/spring-boot-template/ – 最小化的Spring Boot Maven项目模板。
执行步骤
- 1. 使用目标目录调用scripts/generate_project.ps1。
- 脚本创建文件夹结构,写入docs/roles.md,复制模板资源,并运行npm install和mvn package。
- 脚本执行完毕后,技能返回生成内容的摘要以及需要手动执行的操作。
手动后续操作
- - 如有需要,将仓库推送到远程仓库。
- 在frontend/src/components/中自定义生成的UI组件。
- 在backend/src/main/java/com/app/lowcode/model/中添加领域特定的数据模型。
- 在backend/src/main/java/com/app/lowcode/security/中配置认证/授权。