weekly-vibe-coding

用提示词实现一百个idea。

目录

• weekly-vibe-coding
  • 目录
  • 关于项目
    • 近期文章
  • 已实现的应用
    • 专题零：创意原点
    • 专题一：想做点什么就做点什么
    • 专题二：手势交互
    • 专题三：语音交互
    • 专题四：地理信息交互
    • 专题五：有审美的网站设计
    • 专题六：数学小工具
    • 专题七：学习必备
    • 专题八：抽象排序算法
  • 如何运行
  • 贡献
  • License

关于项目

weekly-vibe-coding 是一个实验性项目，旨在通过每周一次Vibe Coding，使用Prompt来快速构建和实现有趣的想法。

每个应用都是一个独立的子项目，存放在 apps 目录下。

欢迎关注我的公众号：【无所事事的执念】，解锁一些coding心得。

近期文章

1. 2025年11月23日 快停止Vibe Gambling，因为它正在毁掉你

已实现的应用

专题零：Prompt Playground

0. Prompt Playground (apps/prompt-playground)

   • Weekly Vibe Coding 的项目展示主页，汇集了所有创意应用的展示平台。

   • Prompt

     

专题一：想做点什么就做点什么

1. Dice Verse (apps/dice-verse)

   • 一个创意写作工具，让你在方格中用AI生成的骰子创作诗歌。

   • Prompt

     

2. Spin Art (apps/spin-art)

   • 实时旋转绘画小工具，通过旋转画布轻松创作出绚丽的几何图案。

     

3. Snap Puzzle (apps/snap-puzzle)

   • 上传照片变成一个简单有趣的拼图游戏。

     

4. Danmaku Magic (apps/danmaku-magic)

   • 一个可以让你在视频上添加动态弹幕的工具。

     

5. Hairline Tracker(apps/hairline-tracker)

   • 追踪记录你的发际线。

     

专题二：手势交互

7. FaceOpera (apps/peking-opera)

   • 实时AR京剧变脸，通过手势或触摸轻松切换传统脸谱。

     

8. Air Drum Master (apps/air-drum-master)

   • 隔空架子鼓，通过摄像头识别手势，让你在空气中敲击架子鼓。

     

专题三：语音交互

9. Spellbook (apps/spellbook)

   • 《哈利波特》魔法咒语练习，通过前端录音与后端音素识别，比对用户的发音与目标咒语的音素，让你能够念对魔法，施展魔法。

     

专题四：地理信息交互

专题五：有审美的网站设计

13. Pretext Solar System (apps/pretext-solar-system)
    • 基于 @chenglou/pretext 排版引擎的太阳系动态文字排版演示。深邃星空中，八大行星沿椭圆轨道运行，报纸式双栏长文实时环绕行星流动排版，配合首字下沉、大标题等经典排版细节。
    • 技术栈：TypeScript + Vite + @chenglou/pretext + Canvas

专题六：数学小工具

10. Pi Matchmaker (apps/pi-matchmaker)

    • 一个小网页，查找两个人的生日在圆周率上的相对位置，用于测姻缘。

      

专题七：学习必备

11. Paper2Novel (apps/arxiv-to-novel)

    • 将任意 arXiv 学术论文转化为引人入胜的小说，支持 10 种文学风格。

      

12. Vim Chaser (apps/vim-chaser)

    • 一个在「追逐、战斗、解谜」中不知不觉学会 Vim 的网页游戏。三种模式：🎯 冒险模式（10章63关故事驱动教学）、⚡ 极速模式（60秒计时追逐）、🏌️ Code Golf（最少按键挑战），覆盖 120+ Vim 命令。

      

专题八：抽象排序算法

14. Louis XVI Sort (apps/louis-xvi-sort)
    • 路易十六排序可视化器 👑 — 一个以法国大革命为主题的排序算法演示。从右到左扫描数组，凡是比右邻居大的元素一律"砍头"（值降为邻居值）。配有伪代码高亮、柱状图动画、断头台音效，支持速度调节与单步执行。
    • 技术栈：React + Vite + TypeScript + Tailwind CSS + Framer Motion + Web Audio API

如何运行

以 dice-verse 应用为例，在本地运行该项目的步骤如下：

1. 克隆仓库:

   git clone https://github.com/chenzihong-gavin/weekly-vibe-coding.git
   cd weekly-vibe-coding

2. 进入应用目录并安装依赖:

   cd apps/dice-verse
   npm install

3. 启动开发服务器:

   npm run dev

贡献

无论是提出新的想法、报告Bug，还是提交代码，欢迎任何形式的贡献！

如果您有兴趣贡献，请遵循以下步骤:

1. Fork 本仓库。
2. 创建一个新的分支: git checkout -b feature/YourAmazingIdea。
3. 提交您的更改: git commit -m 'Add some AmazingIdea'。
4. 将您的分支推送到远程: git push origin feature/YourAmazingIdea。
5. 创建一个 Pull Request。

License

本项目使用 MIT License 授权。