Skip to content

About

程序员阿江日常 vibe coding 习惯的蒸馏:八个可独立安装的 AI 开发协作 skill,支持 npx skills。

Topics

Resources

Stars

4 stars

Watchers

1 watching

Forks

Latest commit

 

History

8 Commits

Folders and files

Repository files navigation

阿江的 Vibe Coding Skills:把日常开发、复现、审查与验证的实践,整理成可复用的方法卡片

Ajiang Vibe Coding Skills

程序员阿江日常 vibe coding 习惯的蒸馏。五个常用 skill:排查 bug、审查代码、开发功能、消融实验、提交代码;另附一个做口播视频 B-roll 的 skill,带 10 套动画模板。

安装 · Skill 目录 · B-roll 模板 · 其他常用 Skills · 来源 · MIT

从一个真实问题开始

你让 AI 修一个 bug,它改了代码、跑了检查。换回用户原来的环境,问题还在。

ajiang-debug 会把这次协作拉回可验证的结果:区分现象和归因,先建立失败证据,找到原因后最小修复,再从原入口、原条件复测。

使用 ajiang-debug 调查这个 issue。
先核验报告里的现象和归因,修复后按原用户流程验证。
告诉我:原因是什么、什么证据支持它、哪些环境仍未验证。

每个 skill 都可以单独安装、单独使用,按当前任务选择即可。

快速开始

在你要开发的项目目录中,通过 Vercel Skills CLI 安装:

npx skills add NanmiCoder/ajiang-vibe-coding-skills

交互选择需要的 skill 和 coding agent。也可以只装排障:

npx skills add NanmiCoder/ajiang-vibe-coding-skills --skill ajiang-debug

全部安装到指定 agent:

npx skills add NanmiCoder/ajiang-vibe-coding-skills --skill '*' --agent codex

默认安装到当前项目;添加 --global 可安装到用户范围。需要 Node.js/npm 和能访问仓库的网络。技能内容本身不要求模型 API Key、MCP 或作者的其他 skill。

安装后,在 Codex 中可用 $ajiang-debug,在 Claude Code 中可用 /ajiang-debug;也可以在任务中直接写“使用 ajiang-debug”。实际调用遵循你所用客户端的配置与权限。

按问题选 Skill

Skill 用途
ajiang-debug 排查和修复 bug:先复现、验证原因,修复后按原操作流程复测
ajiang-review 审查代码:找出真实缺陷和回归风险,给出位置、触发条件与证据
ajiang-feature 开发新功能:实现用户要完成的操作,从实际入口验证结果
ajiang-ablation 做消融实验:每次移除或替换一个机制,对比效果与成本,判断是否保留
ajiang-git-commit-pr 提交代码、创建 PR;创建前同步最新上游,检查文本与业务冲突
ajiang-video-broll 给口播视频做整屏 B-roll / MG 包装:按字幕选段,套 10 套模板之一,预览确认后用 Remotion 渲染 4K

视频 B-roll 模板

ajiang-video-broll 给初剪好的口播视频做整屏 B-roll / MG 包装:读 SRT 选出要包装的段落,选一套模板写场景;先出一个和成片同一套引擎的预览页,确认后再用 Remotion 渲染 4K,配上这套模板的音效和配乐,按字幕时间命名交付,直接替换剪辑时间线上的视频轨。

10 套模板的版式、构图、动效编排、配色和声音各不相同,换模板不只是换颜色。下面每张图都是同一段演示内容在各套模板里的样子。

本地预览全部模板

git clone https://github.com/NanmiCoder/ajiang-vibe-coding-skills.git
cd ajiang-vibe-coding-skills
python3 skills/ajiang-video-broll/assets/gallery/serve.py

浏览器会打开 http://127.0.0.1:8765/ 。在页面上可以切换模板和配色变体、拖动时间轴、单独回放每个动效、试听音效和配乐;?id=riso-print&t=6 这样的参数可以直接定位到某套模板的某一秒。

需要 Python 3 和 Node.js,字体从 Google Fonts 加载。试听音频要额外装 pip install numpy scipy soundfile pyloudnorm 和 ffmpeg,第一次启动时自动生成,大约 30 秒;不装也能看动画。端口被占用时加 --port 9000。

10 套模板

纸白信号橙(paper-signal)模板的一帧画面
纸白信号橙 paper-signal
默认主选。瑞士海报网格、巨号索引数字、橙色扫描条
适合:产品发布、功能清单、观点
贴纸波普(sticker-pop)模板的一帧画面
贴纸波普 sticker-pop
粗描边彩色窗口 + 流动虚线连线
适合:痛点到方案、吐槽式教程
黑白薄荷(mint-switch)模板的一帧画面
黑白薄荷 mint-switch
黑白整屏硬切,只用一个薄荷绿
适合:原理讲解、分步骤、Agent 演示
暖雾(warm-haze)模板的一帧画面
暖雾 warm-haze
镜头在大号产品界面上漂移,暖色雾团
适合:产品 demo、上手教程
便签复盘(sticky-audit)模板的一帧画面
便签复盘 sticky-audit
证据墙:碎片被扫描线逐个对焦、编号、连线
适合:工作流、排查、从乱到有序
孔版印刷(riso-print)模板的一帧画面
孔版印刷 riso-print
错位套印色带、印版换页、维恩叠色
适合:三个要点、A 对 B、轻松介绍
昭和海报(showa-poster)模板的一帧画面
昭和海报 showa-poster
特摄标题卡:巨字硬切、放射线、竖排、红幅
适合:单字点题、重磅消息、翻车开场
复古旭日(retro-sunburst)模板的一帧画面
复古旭日 retro-sunburst
对称庆典海报:旋转光芒、锯齿徽章、撒花
适合:里程碑、榜单、致谢
彩卡拼贴(color-cards)模板的一帧画面
彩卡拼贴 color-cards
饱和色卡逐张推进,最后收成倾斜拼贴
适合:功能枚举、案例墙
包豪斯几何(bauhaus-grid)模板的一帧画面
包豪斯几何 bauhaus-grid
几何形网格,图片裁成几何形
适合:结构、模块、架构设计

我常用的其他 Skills

点击名称查看项目与安装方式。

Skill 用途 来源
design-taste-frontend 提升 UI 设计品味,改善布局、字体与动效 Leonxlnx
ui-ux-pro-max 搜索配色、字体组合、设计风格与 UX 规则 nextlevelbuilder
ego-browser 操作真实浏览器,截图、提取数据、验证网站 Ego Lite
voice-clone-tts 用自己的声音生成配音与字幕 阿江改造维护
web-video-presentation 把口播与字幕做成网页视频演示,导出 MP4 阿江改造维护

后两个可以配合使用:先生成配音与字幕,再按声音节奏制作画面。

这些 Skill 从哪里来

我是程序员阿江 / Relakkes。这套 skill 来自最近几个月我和 AI 一起开发、迭代和维护软件的日常实践。

项目里的真实问题反复让我追问:你复现了吗?为什么认定是这个原因?独立审查发现的东西真的成立吗?别人按 README 能跑通吗?发布出来的包,真的包含这次修复吗?

这些问题和有效的解决方法,来自桌面 Agent、VoxAgent、TodoCue、MediaCrawler / MediaCrawlerPro,以及 DeepSeek Harness 插件等开发场景。我把其中可以迁移的习惯整理成独立 skill,补上输入、操作方法、证据、验收和工具不足时的处理方式,让别人在自己的项目里也能用。

开源的是重新编写的协作方法和原创练习。原始私密对话、账号凭证、作者本机配置不随仓库分发。部分方法的来源是历史会话整理材料;具体技术事实仍要在目标项目与版本中核验。详见来源与整理边界。

About

程序员阿江日常 vibe coding 习惯的蒸馏:八个可独立安装的 AI 开发协作 skill,支持 npx skills。

Topics

Resources

Stars

4 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages