跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客GitHub 精选镜像AI 生图工具UI配色美学隐私政策关于联系
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
Shell / BashNode.jsAIjava

Claude Code 与 OpenSpec 环境搭建及场景测试

Claude Code 与 OpenSpec 的环境搭建流程,涵盖 Node.js 配置、OpenSpec 初始化及 Claude Code 命令行/VSCode 集成。通过实际场景测试(新项目、老项目、数据库、注释等),评估了其在代码生成、规范一致性、协同协作等方面的表现。结果显示在存量项目中效果较好,但存在成本高、流程开销大、复杂需求理解不足等问题。适合对规范驱动开发有需求的团队,需权衡成本与收益。

观心发布于 2026/4/5更新于 2026/7/2760 浏览

OpenSpec 基本概念

什么是 OpenSpec

OpenSpec 用规范先行、提案驱动、文件化管理,让 AI 编程从'模糊对话'走向'可控工程',核心是提质量、降返工、可追溯、易协作。

流程阶段对应文件/操作状态标识
创建提案proposal.md📝 待启动
实现变更apply.md🔧 进行中
归档完成archive.md📦 已完成
完成部署specs 更新🚀 已上线

常用命令

1.x 命令用途旧版 0.x 命令
/opsx-explore自由思考,只读模式,不写代码。允许在动手前理清思路,可衔接 opsx-new。
/opsx-new创建一个新变更。/openspec:proposal
/opsx-continue创建下一个产物:proposal、specs、design、tasks/openspec:proposal
/opsx-ffFast-Forward,按依赖顺序一次性生成四个产物。适合需求明确的场景。/openspec:proposal
/opsx-apply实现 tasks.md 里的任务。/openspec:apply
/opsx-verify检查代码和规范是否一致。
/opsx-sync预览规格合并。
/opsx-archive完成并归档变更。/openspec:archive
/opsx-bulk-archive批量归档多个变更。

典型执行路径

# 场景 1:简单明确需求:/opsx:new ──► /opsx:ff ──► /opsx:apply ──► /opsx:verify ──► /opsx:archive
# 场景 2:需求表达不出来:/opsx:explore ──► /opsx:new ──► /opsx:continue ──► ... ──► /opsx:apply ──► /opsx:archive 

环境准备

环境类别具体配置备注
运行环境Node.js v24.14.0
编辑器Claude Code 2.1.63命令行形式
SDDOpenSpec 1.2.0
模型claude-opus-4-5-20251101
配置管理CC-Switch v3.11.1
中转服务GPTs API

Node.js 安装配置

# 下载安装包
wget https://nodejs.org/dist/v24.14.0/node-v24.14.0-linux-x64.tar.xz
# 解压
tar -xvf node-v24.14.0-linux-x64.tar.xz
# 移动到/usr/local 安装
mv node-v24.14.0-linux-x64 /usr/local/node-v24.14.0-linux-x64
cd /usr/local/node-v24.14.0-linux-x64
# 建立软链接
ln -s /usr/local/node-v24.14.0-linux-x64/bin/node /usr/local/bin/node
ln -s /usr/local/node-v24.14.0-linux-x64/bin/npm /usr/local/bin/npm
# 配置环境变量
vim /etc/profile
# 添加如下内容
export NODE_HOME=/usr/local/node-v24.14.0-linux-x64
export PATH=$PATH:$NODE_HOME/bin
export NODE_PATH=$NODE_HOME/lib/node_modules
# 使环境变量生效
source /etc/profile
# 查看版本号验证安装结果
node -v
npm -v

OpenSpec 安装与初始化

安装

# 安装
npm install -g @fission-ai/openspec@latest
# 查看版本号检查是否安装成功
openspec --version

项目初始化

cd your-project
openspec init

执行初始化后进入欢迎界面

Welcome to OpenSpec A lightweight spec-driven framework
████ This setup will configure:
██ ██ • Agent Skills for AI tools
░░ ████ ░░ • /opsx:* slash commands
░░ ████ ░░ Quick start after setup:
██ ██ /opsx:new Create a change
████ /opsx:continue Next artifact
/openx:apply Implement tasks
Press Enter to select tools...

选择编程工具(Claude Code)

? Select tools to set up (24 available)
Selected: Claude Code
Search: [type to filter]
↑↓ navigate • Space toggle • Backspace remove • Enter confirm
○ Amazon Q Developer ○ Antigravity ○ Auggie (Augment CLI) › ◉ Claude Code (selected)
○ Cline ○ Codex ○ CodeBuddy Code (CLI) ○ Continue ○ CoStrict ○ Crush ○ Cursor ○ Factory Droid ○ Gemini CLI ○ GitHub Copilot ○ iFlow (1/2)

生成 openspec 目录结构

# tree -a
.claude
├── commands
│   └── opsx
│       ├── apply.md
│       ├── archive.md
│       ├── explore.md
│       └── propose.md
└── skills
    ├── openspec-apply-change │   └── SKILL.md
    ├── openspec-archive-change │   └── SKILL.md
    ├── openspec-explore │   └── SKILL.md
    └── openspec-propose └── SKILL.md
openspec
├── changes │   └── archive
├── config.yaml
└── specs

Claude Code 安装与配置

命令行方式

Claude Code 官方文档:https://code.claude.com/docs/en/overview

# 官方脚本安装
curl -fsSL https://claude.ai/install.sh | bash
# 或通过 npm 全局安装
npm install -g @anthropic-ai/claude-code

安装完成后终端提示:

Setting up Claude Code...
✔ Claude Code successfully installed! Version: 2.1.63
Location: ~/.local/bin/claude
Next: Run claude --help to get started
⚠ Setup notes:
• Native installation exists but ~/.local/bin is not in your PATH.
Run: echo 'export PATH="$HOME/.local/bin:$PATH"' >> ~/.bashrc && source ~/.bashrc
✅ Installation complete!

补充配置环境变量

echo 'export PATH="$HOME/.local/bin:$PATH"' >> ~/.bashrc && source ~/.bashrc

验证安装与启动

# 验证版本
claude --version
# 启动
claude

启动后配置(主题选择)

Welcome to Claude Code v2.1.63
………………………………………………………………………………………………………………………………………………………
* █████▓▓░ *
* ███▓░ ░░ ░░░░░░ *
* ███▓░ ░░░ ░░░░░░░░░░ *
* ███▓░ ░░░░░░░░░░░░░░░░░░░ *
* ██▓░░ ▓ ░▓▓███▓▓░ *
* ░░░░ ░░░░░░░░ ░░░░░░░░░░░░░░░░ *
* █████████ *
* ██▄█████▄██ *
* █████████ *
* …………………█ █ █ █………………………………………………………………………………………………………………
Let's get started. Choose the text style that looks best with your terminal
To change this later, run /theme
❯ 1. Dark mode ✔
2. Light mode
3. Dark mode (colorblind-friendly)
4. Light mode (colorblind-friendly)
5. Dark mode (ANSI colors only)
6. Light mode (ANSI colors only)
┄╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ 1functiongreet(){2 - console.log("Hello, World!");2 + console.log("Hello, Claude!");3}
┄╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ Syntax theme: Monokai Extended (ctrl+t to disable)

登录方式选择

Welcome to Claude Code v2.1.63
………………………………………………………………………………………………………………………………………………………
* █████▓▓░ *
* ███▓░ ░░ ░░░░░░ *
* ███▓░ ░░░ ░░░░░░░░░░ *
* ███▓░ ░░░░░░░░░░░░░░░░░░░ *
* ██▓░░ ▓ ░▓▓███▓▓░ *
* ░░░░ ░░░░░░░░ ░░░░░░░░░░░░░░░░ *
* █████████ *
* ██▄█████▄██ *
* █████████ *
* …………………█ █ █ █………………………………………………………………………………………………………………
Claude Code can be used with your Claude subscription or billed based on API usage through your Console account.
Select login method:
❯ 1. Claude account with subscription · Pro, Max, Team, or Enterprise
2. Anthropic Console account · API usage billing
3. 3rd-party platform · Amazon Bedrock, Microsoft Foundry, or Vertex AI

登录成功后即可正常使用 Claude Code

╭─── Claude Code v2.1.63 ────────────────────────────────────────────────────────────────────────────────────────────────╮
│ │ Tips for getting started │
│ │ Welcome back Yao! │ Run /init to create a CLAUDE.md file with instructions for Claude │
│ │ │ ───────────────────────────────────────────────────────────────── │
│ │ │ Recent activity │
│ │ ▐▛███▜▌ │ No recent activity │
│ │ ▝▜█████▛▘ │ │
│ │ ▘▘ ▝▝ │ │
│ │ Sonnet 4.6 · API Usage Billing · Yao's Individual │
│ │ Org │
│ │ ~/workspace/FinQuery │
│ ╰────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
❯ Try "write a test for <filepath>" ─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
? for shortcuts
VS Code 插件

插件市场中搜索'Claude Code for VS Code'进行安装

GPTs API

如无法直连 Claude 官方服务,可选择中转服务:https://gptsapi.net/

需将各 AI 模型的官方 API 地址替换为 GPTs API 地址:

  • OpenAI API:https://api.openai.com → https://api.gptsapi.net
  • Claude API:https://api.anthropic.com → https://api.gptsapi.net
  • Gemini API:https://generativelanguage.googleapis.com → https://api.gptsapi.net

调用示例:

curl https://api.gptsapi.net/v1/messages \
-H"Content-Type: application/json" \
-H"x-api-key: sk-pTp7b3e8164015c23d53138c77a3511683b25d7b7b1G5Y87" \
-H"anthropic-version: 2023-06-01" \
-d'{ "model": "claude-opus-4-5-20251101", "max_tokens": 1000, "messages": [ { "role": "user", "content": "Hello, who are you" } ] }'

CC-Switch

安装 CC-switch 主要是为了方便切换各大模型厂商的 API,下载地址:https://github.com/farion1231/cc-switch/releases

配置步骤:添加 Claude 模型供应商,将 API Key、请求地址、主模型替换为 GPTs API 提供的配置。

OpenSpec 效果测试

测试用例

选取部分有代表性场景记录如下:

场景用例期望实际效果
绿地新项目(从零开始)开发 Scheme Linking 模块功能完整好,代码和设计一致性高和设计还是有不小差距,多处不符合预期,主要表现在:DDL 写死在代码里没有用知识库、向量化文本时组装规则不合理导致噪声过大、复杂 SQL 生成质量差等问题。需要人工阅读 AI 生成代码,手动优化,浪费很多时间。不满意
棕地老项目(核心场景)优化输入预检机制,只处理财务数据相关问句,对不相干问题返回友好的引导提示精准匹配老项目代码规范,生成的 spec 贴合现有项目风格,不污染老代码validate 检出原有代码隐藏格式错误 3 处,新增代码无错误;apply 后无需大量调整,直接适配老项目环境,未出现兼容性问题。较好
数据库能力复杂 SQL 执行报错,分析原因并优化修复 MySQL 版本导致的兼容问题;优化 SQL,禁用多层 CTE、窗口函数未能考虑到版本兼容性;没有找到正确优化方向,一直在原有 SQL 上反复修改细节。一般
代码注释系统性完善项目代码注释,指定多个 Java 类注释遵循 Java 编程规范,使用 Javadoc 格式,清晰易懂过渡设计,除注释外擅自添加了架构图和流程说明,大量浪费 Token。一般
单元测试生成指定模块的单元测试case 设计合理,覆盖所有场景,能自动执行比较好,未通过 case 能自动调整较好
多人协同模拟多人协同,2 人同时修改不同模块提交 Git 无核心代码冲突;变更记录清晰,可明确区分两人操作可基于各自 spec 生成代码,无互相干扰,Java 代码冲突率较低,但是在执行归档同步主 Spec 时经常冲突。较好
跨项目需求跨项目需求找出多个代码仓库里和本需求相关的修改点,无遗漏把多仓库放在一个目录里,性能很差,也没有找全不满意

指标分析(主观评估)

以下纯属主观印象:

指标数据
对话轮次简单需求<50 次;复杂需求 150 ~ 500 次
Token 消耗简单需求<100M;复杂需求>500M
需求对齐耗时除了和产品经理沟通,还要让 AI 理解,耗时增加了
功能开发耗时有提升,具体多少不明确,需要多个对照组验证
代码 Review 耗时交给 AI,原汤化原食
代码质量打分85 分
代码初次执行成功率80%,大多数情况可以自动修改
返工率10%,特殊场景下生成代码完全不可用

OpenSpec 使用体验

优点

  • 存量项目友好,增量迭代安全;
  • 工具集成广泛,兼容 Cursor、Claude Code、Copilot 等主流 AI 编码助手;
  • 变更隔离与协作友好,变更可审计、可追溯;
  • 先定义精确规格(接口、边界、验收标准),提升 AI 输出的确定性与质量。

不足

  • 太贵了,我是琼 B 不配玩 AI。需严格评估效费比(如 claude-opus-4-5-20251101 模型:输入 $5.00/M Token,输出 $25.00/M Token;一个比较简单的文档总结需求:模型请求 14 次,token 消耗量 42W,费用 $1.61);
  • 流程开销大:对简单需求而言,规范驱动的开发模式过于笨重,易产生'规范疲劳';
  • 额外维护成本:需在代码维护之外,同步维护 Spec 文档。

感想

  • 角色转变:开发人员从'编码执行者'转向'需求定义者 + 架构师',对能力要求更高;
  • 需求质量依赖:AI 输出效果极度依赖需求理解深度,对需求文档质量提出更高要求;
  • 适用场景有限:Spec 并非万能,简单需求手写开发效率更高,需结合实际场景选择。

迷茫

  • 整体提效验证:AI Coding 仅在编码环节有效率提升,全流程(需求、设计、测试、部署)是否提效缺乏严谨对照验证;
  • 成本收益平衡:模型使用成本极高,效率提升能否覆盖资源投入成本尚未明确;
  • 技术范式迭代:AI Coding 框架 / 模式层出不穷,学习成本很高,Spec 是否为最优范式?新技术出现是否会替代 Spec 模式?

目录

  1. OpenSpec 基本概念
  2. 什么是 OpenSpec
  3. 常用命令
  4. 典型执行路径
  5. 场景 1:简单明确需求:/opsx:new ──► /opsx:ff ──► /opsx:apply ──► /opsx:verify ──► /opsx:archive
  6. 场景 2:需求表达不出来:/opsx:explore ──► /opsx:new ──► /opsx:continue ──► ... ──► /opsx:apply ──► /opsx:archive
  7. 环境准备
  8. Node.js 安装配置
  9. 下载安装包
  10. 解压
  11. 移动到/usr/local 安装
  12. 建立软链接
  13. 配置环境变量
  14. 添加如下内容
  15. 使环境变量生效
  16. 查看版本号验证安装结果
  17. OpenSpec 安装与初始化
  18. 安装
  19. 查看版本号检查是否安装成功
  20. tree -a
  21. Claude Code 安装与配置
  22. 命令行方式
  23. 官方脚本安装
  24. 或通过 npm 全局安装
  25. 验证版本
  26. 启动
  27. VS Code 插件
  28. GPTs API
  29. CC-Switch
  30. OpenSpec 效果测试
  31. 测试用例
  32. 指标分析(主观评估)
  33. OpenSpec 使用体验
  • 免费图片AI生成工具免费生成了解详情
  • Magick API 一键接入全球大模型注册送1000万token查看
  • 免费图片视频在线生成30秒,将你的创意变成现实开始设计
  • X/Twitter免费视频下载器免登陆无限额度免费视频解析下载了解详情
  • 100+免费在线小游戏爽一把
极客日志微信公众号二维码

微信扫一扫,关注极客日志

微信公众号「极客日志V2」,在微信中扫描左侧二维码关注。展示文案:极客日志V2 zeeklog

更多推荐文章

查看全部
  • Python 爬虫从入门到实战:Requests、Scrapy、异步与反爬
  • 空间复杂度怎么判断:几个常见例子讲透
  • webdav-server 轻量级部署与实战指南
  • AI 大模型 Token 收费机制与技术原理详解
  • C++ 哈希表原理与线性探测、哈希桶模拟实现
  • Anthropic 限制第三方工具接入:Claude Code 订阅政策调整引发的成本与管控之争
  • AI Agent 沙箱选型指南:五种隔离架构对比
  • HarmonyOS 6.0 Camera Kit 微距状态监听能力详解
  • Vivado 安装教程:从官网下载到完成配置
  • MySQL 表操作实战:创建、修改与删除详解
  • Llama-3.2V-11B-cot 读胸片实测:推理过程、准确率与落地取舍
  • AI 辅助开发实战:用 AIGC LLM 提升代码生成效率与质量
  • xsimd 实战指南:从零开始掌握 C++ SIMD 编程
  • 用 DeepSeek 辅助前端开发:代码、测试、部署的一些实践
  • MobaXterm 连接远程 Linux 服务器图形化界面
  • Dev C++ 安装与配置完整指南
  • Git 安装状态检查方法汇总
  • 基于 ECharts 与 Three.js 的前端碳排放可视化大屏实现
  • 视觉 - 骨架双模态框架:帕金森病步态的泛化评估
  • OpenClaw 本地部署 AI 智能体安装指南

相关免费在线工具

  • RSA密钥对生成器

    生成新的随机RSA私钥和公钥pem证书。 在线工具,RSA密钥对生成器在线工具,online

  • Keycode 信息

    查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具,Keycode 信息在线工具,online

  • Escape 与 Native 编解码

    JavaScript 字符串转义/反转义;Java 风格 \uXXXX(Native2Ascii)编码与解码。 在线工具,Escape 与 Native 编解码在线工具,online

  • Mermaid 预览与可视化编辑

    基于 Mermaid.js 实时预览流程图、时序图等图表,支持源码编辑与即时渲染。 在线工具,Mermaid 预览与可视化编辑在线工具,online

  • JavaScript / HTML 格式化

    使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具,JavaScript / HTML 格式化在线工具,online

  • JavaScript 压缩与混淆

    Terser 压缩、变量名混淆,或 javascript-obfuscator 高强度混淆(体积会增大)。 在线工具,JavaScript 压缩与混淆在线工具,online