加载中…
暂无内容
该区域还没有数据，您可以…
加载失败
网络似乎有点问题，请刷新重试
前后端一体化
AI Skills 技能体系
80+ 标准化技能矩阵，覆盖 4 套前端体系 × 5 种后端语言。
契约驱动、一键生成、零基础可用 —— 让 AI 帮你从零到上线。
系统架构总览
前端 4 套体系 + 后端 5 种语言，通过 api-contract.md 契约连接，backend/shared/ 统一规范层贯穿全局。
前端四套体系
基于纯 H5（div + CSS3 + ARIA）构建，零依赖原生能力。设计 Token 系统统一，组件即技能，按需组装。
Vue 3 体系
完成度 85%
20+ 子技能，组件嵌套体系完整。form → table → chart → crud → dashboard 层层组装。零 HTML5 标签，纯 div + ARIA。
UniApp 体系
完成度 90%
21 个组件技能，覆盖商城、笔记、学习等小程序全场景。Design Token 与 Vue 体系完全对齐，跨端复用。
React 体系
完成度 25%
基础骨架技能已建，组件体系待扩展。可复用 frontend-request-skill 和 Design Token 系统。
HTML 纯前端体系
完成度 10% · 下一个重点
面向轻量后台和原型场景。核心原则参考 Vue 体系——纯 H5（div + CSS3 + ARIA），与 Vue 组件天然一致。
统一前端规范 · Design Token
色彩系统
--color-primary-{50~950}，Vue 与 UniApp 完全对齐
间距系统
--space-{1~32}，全局一致的 4px 网格
字体系统
--font-{xs~3xl}，统一字号阶梯
零 HTML5 标签
Vue 组件全部 div role="*"，天然兼容纯 HTML
统一请求层
frontend-request-skill 封装 axios/uni.request，响应信封对齐
组件嵌套
父技能挂子技能，base → form → table → crud → dashboard
后端五种语言
每种语言的 init-skill 内置统一契约层（响应信封 + 错误码 + JWT + api-contract），业务模块按需挂载。
Java · Spring Boot 3
最成熟的 init-skill，内置 SSE、文件上传、安全头、Docker 脚本。MyBatis-Plus + springdoc-openapi。
Python · FastAPI
异步原生、自带 OpenAPI 文档。SQLAlchemy + Pydantic v2，SSE StreamingResponse 内置。
Go · Gin
高性能、单二进制部署。GORM + swaggo，restart.sh 一键 dev/prod 切换。
Node.js · Express
前后端同栈 TypeScript。Sequelize + Passport + swagger-jsdoc。
Rust · 规划中
高性能场景预留。框架选型待定（Actix-web / Axum），init-skill 待建设。
公共规范层 · backend/shared/
响应信封
{ code, message, data } 全语言统一
错误码
-1001 校验 / -1002 未授权 / -2000 系统 / -3xxx 模块扩展
JWT 鉴权
access 1h + refresh 7d，Bearer 注入，三种公开级别
统一分页
page + pageSize（max 100），响应 { list, total }
契约模板
每个 init-skill 生成 api-contract.md
模块输出规范
每个 module-skill 输出 api-contract-{module}.md
契约驱动 · 前后端打通
api-contract.md 是前后端的连接器。前端 request 层的响应信封、错误码映射、JWT 注入，全部与后端契约对齐。
后端 init-skill
生成骨架 +api-contract.md
后端 module-skill
扩展接口 +api-contract-{m}.md
frontend-request
读取契约，生成
请求层 + 错误映射
前端组件技能
消费 request 层
绑定数据 + 交互
完整项目
编排器一键组装
前后端打通
响应信封
{
"code": 0,
"message": "success",
"data": { ... }
}
🚨 错误码映射
0 → 成功 -1001 → 参数校验错误 -1002 → 未登录/Token 无效 -1003 → 无权限 -1004 → 资源不存在 -2000 → 系统异常
🔐 JWT 流程
登录 → access(1h) + refresh(7d) 前端注入 Authorization: Bearer 过期 → 401 → 自动 refresh 刷新失败 → 跳登录页
📄 统一分页
请求: ?page=1&pageSize=20
响应: {
"list": [],
"total": 100,
"page": 1,
"pageSize": 20
}
业务模块矩阵
每个业务模块跨语言可用，包含完整的接口契约、数据模型和错误码扩展。
| 模块 | 功能 | Java | Python | Go | 契约 |
|---|---|---|---|---|---|
| JWT + OAuth2 + 权限控制 | 完成 springboot-auth | 完成 fastapi-auth | 完成 go-gin-auth | api-contract-auth.md |
|
| 分片上传 + 本地/OSS 存储 | 完成 springboot-upload | 完成 fastapi-upload | 待建设 | api-contract-upload.md |
|
| 数据字典 + 缓存管理 | 完成 springboot-dict | 完成 fastapi-dict | 待建设 | api-contract-dict.md |
|
| 微信/支付宝 + 回调处理 | 完成 springboot-payment | 完成 fastapi-payment | 待建设 | api-contract-payment.md |
|
| 站内信 + 邮件 + 短信 | 完成 springboot-notification | 完成 fastapi-notification | 待建设 | api-contract-notification.md |
|
| 多后端文件存储（本地/OSS/S3） | 完成 springboot-storage | 完成 fastapi-storage | 完成 go-storage | api-contract-storage.md |
|
| 组织架构 + RBAC 权限模型 | 完成 springboot-org-permission | 完成 fastapi-org-permission | 待建设 | api-contract-org-permission.md |
|
| 操作日志 + 审计追踪 | 完成 springboot-log | 完成 fastapi-log | 待建设 | api-contract-log.md |
|
| 实时消息推送 | 完成 springboot-ws | 完成 fastapi-ws | 完成 go-ws | api-contract-ws.md |
|
| AI 流式输出 + 实时推送 | 完成 内置 init-skill | 完成 内置 init-skill | 完成 内置 init-skill | 内置 init-skill |
|
| MySQL / PgSQL / Redis / MongoDB / Kafka / SQLite | 完成 database-design-skill + 6 个 guide-skill | database-design-skill |
|||
五大实战场景
选一套前端 + 选一种后端 + 挂业务模块 = 完整项目。以下是最常见的 5 种组合。
🏢 企业管理后台
最成熟的场景，Vue + SpringBoot 一键生成完整 CRUD 管理后台。
- 前端
- vue-base → vue-crud → vue-admin-skill
- 后端
- springboot-init-skill
- 模块
- auth + dict + log + org-permission
- 数据库
- mysql-guide-skill / pgsql-guide-skill
- 状态
- 完全可用
小程序
UniApp 体系最完整，商城、笔记、学习等场景即装即用。
- 前端
- uniapp-base-skill → uniapp-mall-skill / uniapp-note-skill
- 后端
- fastapi-init-skill / springboot-init-skill
- 模块
- auth + payment + notification + storage
- 数据库
- mysql-guide-skill + redis-guide-skill
- 状态
- 完全可用
AI 对话系统
SSE 流式输出，零第三方 SDK，原生 fetch + ReadableStream。
- 前端
- vue-base-skill（流式渲染组件）
- 后端
- fastapi-init-skill / springboot-init-skill
- 编排器
- sse-agent-skill（一键生成完整系统）
- 特性
- SSE 流式 · 会话管理 · 多轮对话
- 状态
- 完全可用
⚡ 轻量后台 / 原型
HTML 纯前端 + Go/Node.js 轻量后端，快速验证想法。
- 前端
- html-frontend-template（待扩展）
- 后端
- go-gin-init-skill / nodejs-init-skill
- 模块
- auth + dict
- 数据库
- sqlite-guide-skill
- 状态
- 🔧 前端待扩展
🛒 电商系统
商城前端 + 支付 + 通知 + 存储，完整购物流程。
- 前端
- uniapp-mall-skill / vue-admin-skill（后台）
- 后端
- springboot-init-skill / fastapi-init-skill
- 模块
- auth + payment + notification + storage + log
- 数据库
- mysql-guide-skill + redis-guide-skill
- 状态
- 后端可用 · 前端 UniApp 已覆盖
🗄️ 数据库设计与选型
统一规范 + 6 种数据库 guide，选型、设计、性能调优全覆盖。
- 设计规范
- database-design-skill（表名/索引/分库分表）
- MySQL
- mysql-guide-skill
- PostgreSQL
- pgsql-guide-skill
- Redis
- redis-guide-skill（缓存/分布式锁）
- MongoDB
- mongodb-guide-skill（文档型）
技能关系图谱
编排器（Orchestrator）串联前端 + 后端 + 数据库 + 规范层，一键生成完整项目。
backend/shared/*