自动驾驶工作室（或自动驾驶系统设计平台）
您AI开发团队的全方位业务操作系统
Autopilot Studio 是一款面向AI开发团队和机构的端到端商业操作系统，它能够自动化处理从潜在客户接收直至交接的整个服务流程。
🚀 功能特点
- AI辅助摄入 - 智能资质评估与自动化提案生成
- 提案与电子合同 - 生成、自定义合同并进行电子签名，同时保留完整的审计追踪记录
- 一键项目启动 - 立即创建包含代码库、里程碑和客户门户的项目空间
- AI副驾驶（或AI协作者） - 适用于规范、工单和会议摘要的上下文感知助手
- 发射自动化 - QA检查清单、安全门控和一键部署
- 账单与QuickBooks同步 - 自动化开票与会计系统集成
🛠️ 技术栈
- 框架： 使用TypeScript的React 18
- 构建工具： 使用SWC插件的Vite
- 造型： 带有自定义设计系统的 Tailwind CSS v3
- 用户界面组件： 使用 Radix UI 原生组件的 Shadcn/ui
- 路由： React Router v6
- 状态管理： TanStack React Query
- 表单： 使用Zod进行验证的React Hook Form
- 图标： Lucide React（注：此名称可能为特定产品或项目名，直接翻译为“清晰反应”或“明智响应”可能无法准确传达其原意，具体翻译需结合上下文或品牌背景。在此提供直译版本，实际应用时请根据具体情况调整。）
- 通知： 松纳（或根据上下文可译为“索纳”，但“Sonner”作为人名时通常音译为“松纳”）
📦 安装
# Install dependencies
npm install
# Start development server (DO NOT RUN - handled by MCP server)
# npm run dev
# Build for production
npm run build
# Preview production build
npm run preview🎨 设计系统
该应用遵循现代、简约的设计美学，具有以下特点：
- 色彩调色板：
- 主要背景色：深炭灰色（#23272F） - 侧边栏：较深色调（#1A1D23） - 卡片背景：中深灰色（#2C313A） - 强调色：柔和黄色、低饱和度绿色、淡蓝色、柔和红色、浅紫色
- 字体排印：
- 字体家族：Inter - 清晰的层级结构，以粗体标题和浅色正文文字呈现 - 宽裕的间距和一致的垂直韵律
- 组件：
- 圆角（半径12-16像素） - 微妙的阴影以营造立体感 - 平滑的过渡效果和悬停状态 - 可折叠侧边栏导航
📁 项目结构
autopilot-studio/
├── src/
│ ├── api/ # API layer and utilities
│ ├── components/
│ │ ├── layout/ # Layout components (DashboardLayout)
│ │ └── ui/ # Shadcn UI components (44 components)
│ ├── hooks/ # Custom React hooks
│ ├── lib/ # Utilities (cn, api)
│ ├── pages/ # Page components
│ │ ├── LandingPage.tsx
│ │ ├── LoginPage.tsx
│ │ ├── SignupPage.tsx
│ │ ├── Dashboard.tsx
│ │ └── ...
│ ├── types/ # TypeScript type definitions
│ ├── App.tsx # Main app with routing
│ ├── main.tsx # Entry point
│ └── index.css # Global styles and design system
├── public/ # Static assets
├── components.json # Shadcn UI configuration
├── tailwind.config.js # Tailwind CSS configuration
├── vite.config.ts # Vite configuration
└── package.json # Dependencies and scripts🎯 已实现的页面
公开页面
- ✅ 登陆页 - 集功能、定价和行动号召于一体的营销中心
- ✅ 登录页面 - 支持SSO（单点登录）认证选项
- ✅ 注册页面 - 带验证的账户创建
- ✅ 密码重置页面 - 密码恢复流程
- ✅ 邮件验证页面 - 邮件验证状态
- ✅ 404 页面未找到 - 带有导航的错误页面
受保护页面（仪表板）
- ✅ 仪表盘 - 包含统计数据、项目概览和活动动态的总览
- 🚧 管理员仪表盘 - 管理员控制面板（占位符）
- 🚧 报名向导 - AI辅助报名表（占位符）
- 🚧 报价生成器 - 创建报价单和工作说明书（占位符）
- 🚧 项目空间 - 项目工作区（占位符）
- 🚧 任务页面 - 任务管理（占位符）
- 🚧 设置页面 - 用户设置（占位符）
🧩 用户界面组件
所有44个Shadcn UI组件均已安装并准备就绪，可供使用：
- 手风琴（控件）、警告对话框、宽高比、头像
- 徽章，面包屑导航，按钮
- 日历、卡片、轮播图、复选框、可折叠组件、命令、上下文菜单
- 对话框、抽屉菜单、下拉菜单
- 表格；形式
- 悬停卡
- 输入，输入一次性密码（OTP）
- 标签
- 菜单栏
- 导航菜单
- 分页、弹出框、进度条
- 可调整大小的无线电组
- 滚动区域，选择，分隔符，表单（或表格），骨架屏，滑块，开关
- 表格、选项卡、文本区域、吐司（消息提示）、切换开关、切换组、工具提示
🎨 设计特点
- 动画： 使用 Tailwind CSS 实现淡入、滑入、缩放进入效果
- 响应式： 以移动设备为先的设计，配备可折叠侧边栏
- 深色主题： 专为开发工具优化的专业深色配色方案
- 无障碍性： 焦点状态、ARIA标签、键盘导航
- 演出 通过懒加载和代码分割进行优化
🔐 安全功能（计划中）
- 使用刷新令牌的JWT认证
- OAuth 单点登录（Google、GitHub、Microsoft）
- 支持双因素认证（2FA）
- RBAC（基于角色的访问控制）
- 关键操作的审计日志
- 静态加密数据
🚀 下一步行动
- 后端集成 连接到API终端
- 认证 - 实现使用JWT的认证流程
- 人工智能集成 - 连接用于信息采集和副驾驶功能的人工智能服务
- 完整页面 - 完善剩余页面功能
- 测试 - 添加单元测试和集成测试
- 部署 - 设置CI/CD流水线
📝 环境变量
创建一个 .env 基于文件的 .env.example：
VITE_API_URL=http://localhost:3000/api🤝 贡献（或：参与贡献）
这个项目遵循了React + TypeScript + Vite + Tailwind CSS + Shadcn UI的模板指南。
📄 许可证
专有技术 - 版权所有，保留一切权利
______________________________________________________________________
由Autopilot Studio团队用心打造