Web AutoDev CLI

网页工具自动化开发工具 - 基于 Claude Code + MCP Chrome

版本: 0.1.0

---

📋 简介

Web AutoDev CLI 是一个自动化的网页工具开发工具，可以将完整的开发流程（规划 → 开发 → 测试 → Debug → 部署）封装成简单的命令行命令。

---

🚀 快速开始

安装

# 克隆或下载本工具
cd web-autodev

# 安装依赖
npm install

# (可选) 全局安装
npm install -g .

基本使用

# 1. 初始化项目
web-autodev init my-project --template web-analyzer

# 2. 规划功能
web-autodev plan "创建一个网页标题分析工具"

# 3. 开发
web-autodev dev

# 4. 测试
web-autodev test

# 5. Debug
web-autodev debug

# 6. 生成文档
web-autodev docs

# 7. 部署
web-autodev deploy

---

📁 项目结构

web-autodev/
├── src/
│   ├── index.js           # CLI 入口
│   ├── commands/
│   │   ├── init.js        # 初始化命令
│   │   ├── plan.js        # 规划命令
│   │   ├── dev.js         # 开发命令
│   │   ├── test.js        # 测试命令
│   │   ├── debug.js       # Debug 命令
│   │   ├── deploy.js      # 部署命令
│   │   └── docs.js        # 文档命令
│   ├── core/              # 核心引擎（待实现）
│   └── integrations/      # 外部集成（待实现）
├── templates/             # 项目模板
├── tests/                 # 测试文件
└── package.json

---

📖 命令详解

init <project-name>

初始化新项目。

选项:

• -t, --template <template> - 使用模板 (default, web-analyzer, page-scraper, seo-audit)

示例:

web-autodev init my-tool --template web-analyzer

plan <description>

分析需求并生成实施计划。

示例:

web-autodev plan "创建一个网页截图工具，支持全屏截图"

dev

进入开发模式，自动生成代码。

示例:

cd my-project
web-autodev dev

test

运行测试。

示例:

web-autodev test

debug

Debug 模式，分析错误并提供修复建议。

示例:

web-autodev debug

deploy

部署项目。

选项:

• --target <target> - 部署目标 (npm, github)

示例:

web-autodev deploy --target npm

docs

生成项目文档。

示例:

web-autodev docs

---

🎯 可用模板

模板	描述	适用场景
default	默认模板	通用项目
web-analyzer	网页分析器	分析网页标题、meta、SEO 元素
page-scraper	网页抓取器	抓取网页内容、数据提取
seo-audit	SEO 审计	SEO 检查、评分报告

---

🛠️ 开发

本地开发

# 运行 CLI
node src/index.js [command]

# 例如
node src/index.js init test-project

添加新命令

1. 在 src/commands/ 目录创建新文件
2. 导出 commandName 函数
3. 在 src/index.js 中注册命令

---

📊 开发进度

Phase	模块	状态
Phase 1	CLI 框架	✅ 完成
Phase 2	开发模块	✅ 完成
Phase 3	测试 + Debug	✅ 完成
Phase 4	部署 + 文档	✅ 完成
Phase 5	优化 + 发布	⏳ 待开发

---

🔧 技术栈

• CLI 框架: Commander.js
• 运行时: Node.js 18+
• 浏览器自动化: Puppeteer (可选)
• 打包工具: ncc (可选)

---

📝 License

MIT

---

🙏 致谢

本项目基于以下技术构建：

• Claude Code
• MCP Chrome
• Puppeteer
• Commander.js