vibe coding skill整理

一、背景

借助AI全流程编码,开发前后端网站,整理AI代码开发全流程

image

二、Harness体系

 image

image

image

三、Claude配置文件

1、claude code setting.json

目录:~/.claude/settings.json 

项目目录  .claude/setting.json(项目级)

配置项:建议放全局生效

image

2、claude.md项目介绍

作用:让AI了解项目,降低token消耗,制定开发规范等。做一些限制和规则,第一层记忆。

  建议项目级配置

全局:~/.claude/CLAUDE.md

项目:项目目录/CLAUDE.md

文件夹级(模块):子目录/CLAUDE.md

可参考git卡帕西发布的claude.skills,10万star

https://github.com/multica-ai/andrej-karpathy-skills

image

3、自建参考文档

第三层记忆。 第二层在/memory设置开启或关闭

image

4、.claudeignore文件

作用高速claude哪些文件不需要关注,在项目目录下创建

image

5、使用技巧

(1)Explore探索

  读代码引用,了解现状

(2)Plan计划

  先切换plan模式出方案,人工审核

(3)implement实施

  按计划执行

(4)commit提交

  提交git,有问题可git回滚

6、自定义斜杠命令(commands)

image

7、skill

claude官方skill: https://github.com/anthropics/skills

Vercel 官方skill库:https://github.com/vercel-labs/skills

image

image

image

image

image

image

npx superpowers-zh --tool codex

项目级约束,不直接干活,先做规划

image

三、codex

1、codex约束文件 

agents.md

image

 

 

三、步骤

部分skill内部提供,暂未在skillhub提供

1、skill

(1)产品层

prd-spec-enhancer

作用:需求完善与审校-PRD-SPEC

(2)架构层(用的较少)

architecture-designer

作用:产架构方案,产出 架构设计方案:质量属性、领域模型、架构风格/模式、分层×模块、ADR、演进预留

(3)设计层

design-spec-generator

系统设计与端侧设计-HLD、LLD、接口契约

怎么拆、怎么协作、内部怎么实现。HLD + 各端 LLD + 条件性 API-SPEC

做 HLD 概要设计,包含模块划分、跨端接口契约、数据模型、部署拓扑、非功能设计和 ADR 关键技术决策

(4)规划层

dev-task-planner

任务拆分与依赖编排-Tasks、DAG、DoD

(5)执行层

ai-coding-orchestrator

多专家协同编码-代码、单侧、Mock

(6)验证层

ai-testing-orchestrator

分层测试与验收-API、DB、工作流、UI报告

(7)审查层

code-reviewer

独立质量审查-代码审查报告

(8)老系统反推

code-archaeologist

存量系统,扫描老代码反推领域模块、业务规则和变更风险,属于“考古式”架构分析

 

 

五、claude常用命令

1、/init 

根据项目代码初始化CLAUDE.md

2、/memory

打开md配置,记忆设置 

3、/rewind

修改不满意回滚

4、/review 

代码审查,审核代码质量

5、!终端命令

可以不走大模型,本次shell

6、@ 文件/目录

给cc精准上下文

 

 

 

  

posted @ 2026-08-12 10:20  Robots2  阅读(11)  评论(0)    收藏  举报