精神饱满俱乐部 · 一组开源的 Claude Code / Codex Skill，给 Vibe Coding 新手即插即用。 clone 下来、丢进项目的
.claude/skills/，对 AI 说一句话就能用上。
| Skill | 一句话 | 适用 |
|---|---|---|
vibe-coding-saturday-style |
一键把页面换成「VIBE CODING SATURDAY」活动官网同款 neo-brutalism 风格 | 任意 HTML / React / Vue 前端 |
notion-bold-diagrams |
把一段内容画成 Notion 风格的粗描边概念图 / 流程图 / 关系图（Pencil 或 SVG，透明背景） | 关系图 / 流程图 / 框架图 / PPT 配图 |
hyperframes-karaoke-captions |
给 HyperFrames 竖版口播视频加荧光笔黄「逐词滑动高亮」卡拉OK字幕特效 | HyperFrames / HTML→MP4 竖版口播 |
cookie-spark-ppt-skill-neo-brutal |
做一份暖纸野兽派风格的网页 PPT：定尺 1920×1080、键盘翻页、卡片逐个出现 | 演示 deck / 分享稿 / 工作坊材料 |
# 方式一：skills CLI（推荐）
npx skills add CookieSparkLab/skills@hyperframes-karaoke-captions
# 方式二：clone 整个合集，把需要的 skill 拷进项目
git clone https://github.com/CookieSparkLab/skills.git
cp -r skills/vibe-coding-saturday-style 你的项目/.claude/skills/然后对 AI 说：「用 vibe-coding-saturday-style 这个 skill，把我的页面换成活动官网同款风格」即可。
每个 skill 文件夹里都有自己的 README.md 和 SKILL.md，进去看细节。
MIT —— 自由使用、修改、分发。