【免费下载链接】antivibeLearn what AI writes, not just accept it. A Claude Code skill that turns AI-generated code into educational deep dives.项目地址https://gitcode.com/gh_mirrors/an/antivibe点击查看免费下载AntiVibe 是一个面向 Claude Code 的学习型技能Skill能把 AI 生成的代码转化为详细的 educational deep dive 学习文档。本文是AntiVibe 扩展完全指南将带你零基础完成两件事自定义 deep-dive 输出模板和添加新的语言模式让 AI 代码学习工具真正贴合你的技术栈。 一、AntiVibe 是什么为什么需要扩展用一句话概括AI 写完代码你直接复制粘贴——AntiVibe 则帮你弄懂代码背后的What / Why / When / Alternatives。它的核心能力包括能力说明Deep Dives把 AI 代码变成带概念讲解的学习指南Concept Mapping把代码关联到设计模式、算法等 CS 概念Curated Resources自动附带精选的官方文档与教程Multi-Language可扩展的语言/框架模式库而 AntiVibe 的个性藏在两个文件里它们就是本文的扩展主角 输出模板templates/deep-dive.md —— 决定生成文档长什么样 语言模式库reference/language-patterns.md —— 决定 AI 能读懂哪些框架套路 无需修改任何代码逻辑只改这两个 Markdown 文件就能完成 90% 的定制化需求。 二、自定义 deep-dive 输出模板3 步搞定每次运行/antivibe后AntiVibe 会在deep-dive/目录下按模板生成类似auth-system-2026-01-15.md的学习文档。模板结构在 templates/deep-dive.md 中定义包含六大板块板块内容适合调整吗Overview代码做什么、为什么这么写、适用场景✅Code Walkthrough逐文件讲解职责与关键函数✅Concepts Explained设计模式表格 技术概念What/Why/When/Trade-offs✅Learning Resources官方文档、教程、视频、延伸概念✅Related Code项目中相关代码对照表✅Next Steps上手练习、深入方向、常见坑✅第一步找到模板文件模板就是 templates/deep-dive.md所有需要 AI 填充的位置都用[方括号占位符]或斜体提示标出。例如开头的元信息区**Generated**: [YYYY-MM-DD HH:MM:SS] **Phase**: [implementation phase name] **Files**: [list of files analyzed]第二步按需增删板块几个新手最实用的改法加一个踩坑记录板块在## Next Steps前插入## Gotchas小节AI 生成时会把常见陷阱单独列出来精简输出删掉## Videos小节文档更紧凑强化中文把占位提示改为中文如[Design decisions - why was this written this way?]改成[说明设计决策为什么选择这种实现方式]生成文档的语言倾向会跟着变化第三步同步脚本中的骨架可选如果你习惯直接用脚本生成输出骨架还硬编码在 scripts/generate-deep-dive.sh 里两处板块定义保持一致即可。输出目录也可以在同一处修改OUTPUT_DIRdeep-dive # 改成你喜欢的目录名如 docs/deep-dive改完后重新触发一次/antivibe或 deep dive新模板立即生效。 三、添加新语言模式让 AI 读懂你的技术栈AntiVibe 靠 reference/language-patterns.md 里的模式知识表来识别框架套路。目前内置JavaScript/TypeScriptReact、Node.js、PythonDjango、FastAPI、Go、Rust、JavaSpring Boot 通用设计模式如果你的项目是 Kotlin、Swift 或 Elixir按下面两步就能扩展。1️⃣ 在语言模式库中新增章节打开 reference/language-patterns.md仿照现有格式在文件顶部语言区新增一节。固定用三列表格Pattern | Explanation | When to Use。例如新增 Kotlin## Kotlin ### Spring Boot Patterns | Pattern | Explanation | When to Use | |---------|-------------|-------------| | Coroutines | 异步执行替代回调 | IO 密集型接口 | | Data Class | 不可变数据载体 | DTO、配置对象 | | Sealed Class | 封闭类型层次 | 状态机、结果封装 |2️⃣ 让代码结构解析识别新扩展名结构解析脚本 scripts/analyze-code.sh 按文件扩展名提取函数/类/接口。如果你的语言文件扩展名如.kt不在case分支里会落入通用分析只取前 30 行。补一个对应分支即可kt) echo --- Kotlin Structure --- echo Functions: grep -E ^(suspend )?fun $FILE_PATH | head -20 ;;同时 scripts/capture-phase.sh 用-name *.kt这类规则扫描最近改动的文件记得把新扩展名加进过滤列表。⚠️ 写模式表的 3 个技巧一行一个模式Explanation 用短语别写长句When to Use 写场景不写定义写 IO 密集型接口 比写 处理并发 更有教学价值对照内置范式参考 Go 模式表 与 Rust 模式表 的粒度 四、进阶让学习资源库也长大deep-dive 文档末尾的学习资源AI 会优先从两个文件取材资源精选库reference/resource-curation.md —— 按 Web 开发、后端、数据库、DevOps、安全等分类收录添加资源时遵循官方文档 成熟教程 优质视频的优先级资源查找脚本scripts/find-resources.sh 内置了 React、Express、JWT、Docker 等概念的关键词映射可仿照case分支补充新概念配合 agents/explainer.md讲解子代理的分析框架和 hooks/hooks.json任务完成/会话结束时自动提醒生成 deep dive 的钩子就构成了完整的扩展闭环。️ 五、AntiVibe 扩展相关文件速查文件作用templates/deep-dive.mddeep-dive 输出模板改这里定制文档结构reference/language-patterns.md语言/框架模式库改这里加新语言reference/resource-curation.md精选学习资源库scripts/generate-deep-dive.sh输出目录与文档骨架配置scripts/analyze-code.sh按扩展名解析代码结构scripts/capture-phase.sh阶段边界检测与文件扫描scripts/find-resources.sh概念 → 资源映射SKILL.md技能主定义与触发词docs/setup.md完整安装与排错指南✅ 六、5 分钟上手清单# 1. 获取 AntiVibe git clone https://gitcode.com/gh_mirrors/an/antivibe # 2. 安装为 Claude Code 全局技能 cp -r antivibe ~/.claude/skills/antivibe然后按本文顺序操作✅ 编辑templates/deep-dive.md增删/改写板块✅ 在reference/language-patterns.md添加你的语言模式表✅ 可选为analyze-code.sh补新扩展名分支✅ 在项目里输入/antivibe验收新模板 新模式的效果扩展完成后AntiVibe 生成的每份 deep dive 都会带着你熟悉的语言和风格——学习 AI 代码这件事终于有了自己的教材。赞分享【免费下载链接】antivibeLearn what AI writes, not just accept it. A Claude Code skill that turns AI-generated code into educational deep dives.项目地址https://gitcode.com/gh_mirrors/an/antivibe点击查看免费下载相关推荐Screenshot-to-code模板语言扩展开发添加自定义功能Screenshot to code模板语言扩展开发添加自定义功能 引言模板语言扩展的必要性 在现代网页开发流程中设计师与开发者之间的协作往往存在效率瓶颈示例工程ResNet-in-TensorFlow核心组件详解残差块结构与Batch Normalization实现ResNet in TensorFlow核心组件详解残差块结构与Batch Normalization实现 ResNet in TensorFlow是一个基于web-frameworks扩展教程添加自定义编程语言测试用例web frameworks扩展教程添加自定义编程语言测试用例 本教程将指导你如何为web frameworks项目添加自定义编程语言的测试用例以扩展框架性性能测试开发工具后端创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考