SuperAPI AI 工具集
合作ENAI 行业资讯收藏
Skill 广场full-stack-developer

full-stack-developer

编程与开发

查看项目

更新于 10-16 04:04

技能介绍

用途

该技能用于指导构建生产级全栈 Web 应用，覆盖从概念到部署的完整流程，包括架构设计、技术栈选型、开发工作流自动化、CI/CD 与部署策略，以及将 AI/ML 能力集成到 Web 应用中。适用于构建完整 Web 应用（前端 + 后端 + 基础设施）、选择技术栈与架构模式、实施现代开发工作流与自动化、搭建 CI/CD 与部署策略、集成 AI/ML 能力、使用 SOTA Fullstack App Builder 快速原型开发，以及将应用从 MVP 扩展到企业级系统。

主要能力

应用架构

  • 现代 Web 技术栈：React/Next.js + FastAPI/Node.js + 数据库
  • 微服务与单体架构的取舍
  • API 设计：REST、GraphQL 与实时通信
  • 状态管理：客户端、服务端与分布式状态

快速开发工具

  • SOTA Fullstack Builder：数分钟内生成生产应用
  • 代码生成器：脚手架工具与样板代码
  • 低代码平台的使用场景
  • AI 辅助开发：GitHub Copilot、Cursor 与 Claude 集成

AI 集成

  • AI 聊天机器人：多提供商支持（OpenAI、Anthropic、Ollama、LM Studio）
  • RAG 系统：面向应用的检索增强生成
  • 流式响应：实时 AI 交互模式
  • 提示工程：有效的 AI 集成技巧

容器化与编排

  • Docker 最佳实践：多阶段构建、安全、优化
  • Kubernetes 模式：部署、扩缩容、服务网格
  • 云原生：12-factor 应用、云平台、无服务器

监控与分析

  • 应用监控：健康检查、错误追踪、性能
  • 用户分析：使用模式、转化追踪、A/B 测试
  • 商业智能：数据可视化、报表仪表盘

SOTA Fullstack App Builder 集成

该构建器包含 7,539 行自动化代码，可生成生产就绪应用，技术栈为：

  • 前端：React 18 + TypeScript + Chakra UI + Vite
  • 后端：FastAPI + PostgreSQL + Redis + SQLAlchemy
  • 基础设施：Docker + docker-compose + nginx
  • 监控：Prometheus + Grafana + Loki + AlertManager
  • CI/CD：GitHub Actions，含自动化测试与部署

高级功能包括：AI 集成（4 提供商聊天机器人）、内置 MCP 服务器与 CLI、文件上传处理与 AI 分析流水线、语音接口（语音转文字与文字转语音）、基于 TOTP 的 2FA 安全、PWA 支持（可安装、离线可用）。

使用示例

基础应用：

.\new-fullstack-app.ps1 -AppName "MySaaS" -Description "Customer management platform"

全功能企业应用：

.\new-fullstack-app.ps1 -AppName "EnterpriseDashboard" -IncludeAI -IncludeMCP -IncludeFileUpload -IncludeVoice -Include2FA -IncludePWA -IncludeMonitoring

生成的应用结构包含 frontend/（React + TypeScript + Chakra UI，含组件、页面、Dockerfile、nginx.conf）、backend/（FastAPI + PostgreSQL + Redis，含 api、core、models、services、mcp_server.py、Dockerfile）、infrastructure/monitoring/、scripts/、docs/ 与 docker-compose.yml。

使用方式

现代开发工作流

  1. 应用规划：通过技术栈选择矩阵确定前端、后端、数据库、部署与 AI 提供商。
  2. 使用构建器快速原型：生成 MVP，按需添加 AI、MCP、文件处理等功能，快速迭代并保持质量（构建器包含测试与文档）。
  3. 架构演进：从 MVP 阶段（基础 CRUD、简单认证）到成长阶段（AI、语音、文件、性能优化、可扩展性、增强监控），再到企业阶段（微服务、高级安全、多区域部署、企业集成）。

AI 集成模式

  • 多提供商聊天机器人架构：通过 AIProviderManager 管理 OpenAI、Anthropic、Ollama、LM Studio 等提供商，支持自动选择最佳提供商。
  • RAG 系统：使用向量存储与嵌入模型进行文档处理与向量搜索。
  • 流式响应：前端通过 fetch 读取流并实时更新界面。

容器化

  • Docker 多阶段构建示例，包含安全加固（非 root 用户）。
  • docker-compose 编排前端、后端与 PostgreSQL 数据库。

测试策略

测试金字塔：单元测试约 50%、集成测试约 30%、端到端测试约 20%。前端使用 React Testing Library 进行组件测试，后端使用 FastAPI TestClient 进行 API 与 WebSocket 流式测试。

部署

  • CI/CD：GitHub Actions 工作流，包含测试、构建与部署任务。
  • 云平台部署：Vercel（前端）与 Railway（后端）配置示例。

性能优化

  • 前端：React.lazy 代码分割、Next.js Image 图片优化。
  • 后端：SQLAlchemy 异步数据库操作。
  • 缓存：内存缓存（TTLCache）与 Redis 分布式缓存的多级缓存策略。

安全实践

  • 基于 JWT 的认证与授权。
  • 使用 Pydantic 进行输入验证与净化（bleach 清理 HTML）。

适用场景

  • 需要从零构建完整 Web 应用并快速获得可运行原型的团队。
  • 需要在应用中集成多提供商 AI 聊天、RAG 或流式响应的项目。
  • 需要标准化容器化、CI/CD、监控与安全实践的全栈项目。
  • 从 MVP 向企业级架构演进的应用。

限制

资料未提供该技能的具体收费、价格、平台支持范围、性能基准数据或实际使用效果验证信息。资料中标注的质量评分（98/100）与各项百分比为原文自述，未提供独立验证。部分功能（如 SOTA Fullstack App Builder 的具体运行环境要求、依赖版本兼容性）暂未提供详细说明。