全栈开发 / AI 协作

从传统全栈项目,到 AI 辅助开发交付

我主导和独立完成过多个传统全栈项目,也在用 AI、Spec Kit 和 Superpowers,把需求、设计、实现、测试、交付串成更高效的开发流程。

ChatGPT/CodexAgentDeepSeekLangChainCursor
ai.follow(vs code) build -> iterate -> ship
AI ASSISTED DEVELOPMENT

Vibe Coding

我用 AI 提升开发效率,但不让 AI 代替思考。用Superpowers头脑风暴,加速方向探索;用Spec Kit明确目标和边界、制定实现计划、拆分任务落地成文档,AI实现编码,再用Superpowers推动实现、测试与检查,让每一次迭代都更可控、更可靠。

01需求拆分
02方案设计
03代码实现
04测试验证
05交付迭代

AI 工作流

Spec · Build · Verify

规格就绪
实现推进
验证通过
预览确认
准备交付
Spec
Diff
Test
Build passedPreview checkedReady to ship
Selected Work

传统项目展示

这些项目主要来自我主导或独立完成的传统开发实践,也就是“古法编程”: 手写业务逻辑、搭建前后端能力、处理工程细节并完成上线交付。

低代码 + 全栈开发

X问卷系统

基于低代码理念的问卷设计平台,前端支持可视化拖拽配置,后端基于 NestJS + MongoDB 实现问卷数据管理、统计与分享导出。

· 可视化编排:拖拽生成题目与表单结构

· 属性配置:题型排序与逻辑配置

· 后端服务:NestJS + MongoDB 管理问卷与统计数据

React18Redux ToolkitAnt Design@dnd-kitNest.jsMongoDB
全栈开发

i旅游全栈项目

旅游攻略与景点服务平台,包含 H5 / 小程序前端、Python + Flask 后端接口、MySQL 数据管理,支持景点浏览、地图定位与收藏。

· 跨端支持:H5 + 小程序双端

· 地图定位:景点位置与导航

· 个性收藏:收藏夹管理

Uni-AppVue3EchartsPythonFlaskMySQL
数据可视化

可视化大屏

企业级数据大屏,整合多源数据,提供实时监控与关键指标展示。

· ECharts 图表:丰富图表与自定义配置

· 响应式布局:适配多分辨率展示终端

· 监控视图:实时数据刷新与趋势提示

Vue 3ViteEChartsSCSS
文件处理

大文件上传

前端大文件分片上传方案,支持断点续传、进度控制与模拟真实上传场景。

· 分片上传:大文件自动切片

· 断点续传:失败后从断点恢复

· 进度追踪:实时上传进度条

Vue 3ViteTypeScriptWeb Worker

更多项目

更多业务项目、内部工具和 AI 辅助开发实践,不便公开展示,可在交流中补充说明。

GH