概述
Compose Web 是一个基于 VS Code 插件的全栈网站脚手架系统。用户用日常语言描述需求，Agent 引导澄清后生成完整的前后端项目代码。
核心特性
自然语言驱动
用户描述需求，Agent 引导澄清后生成代码：
- 智能理解用户意图
- 主动澄清模糊需求
- 生成符合预期的代码
积木化组装
三层积木结构：
| 层级 | 说明 | 示例 |
|---|---|---|
| Atom | 最小功能单元 | 按钮、输入框、API 路由 |
| Component | 功能组合 | 登录表单、用户卡片、数据表格 |
| Composite | 页面/系统 | 登录页、用户管理、完整后台 |
多栈支持
| 前端 | 后端 | 数据库 |
|---|---|---|
| Vue | Node.js | PostgreSQL |
| React | Python | MySQL |
| Svelte | Go | MongoDB |
| 自定义 | 自定义 | 自定义 |
自验证自修复
策略降级机制：
normal → conservative → minimal
↓ ↓ ↓
完整生成 安全模式 最小化
- normal：完整功能，模板全覆盖
- conservative：安全模式，避免风险操作
- minimal：最小化生成，手动补充
技术架构
VS Code 插件架构
┌─────────────────────────────────────────┐
│ VS Code Extension │
├─────────────────────────────────────────┤
│ Webview Panel (Vue 3) │
│ • 对话界面 │
│ • 预览面板 │
│ • 配置设置 │
├─────────────────────────────────────────┤
│ Core Services │
│ • Block Manager │
│ • Agent Core │
│ • Project Initializer │
│ • File Editor │
├─────────────────────────────────────────┤
│ LLM Client │
│ • OpenAI / Claude / DeepSeek │
│ • Kimi / GLM / 文心 / 通义 │
└─────────────────────────────────────────┘
增量上下文读取
| 模式 | 速度 | 用途 |
|---|---|---|
| quickScan | 秒级 | 快速定位插入点 |
| deepAnalyze | 分钟级 | 深度理解项目结构 |
支持的 LLM 提供商
- OpenAI (GPT)
- Anthropic (Claude)
- DeepSeek
- 月之暗面 (Kimi)
- 智谱 (GLM)
- 百度 (文心)
- 阿里 (通义)
- 腾讯云 (混元)
- 自定义 OpenAI 兼容接口
当前状态
设计阶段，架构文档已完成，等待实现。