有趣代码收藏库 —— 收集在网上看到的「有意思、好玩」的代码片段。 每个收藏单独一个子文件夹,附带独立 README 讲解;下次想用的时候,直接把代码和 README 丢给 AI,就能让它复刻。
在网上冲浪时总会遇到一些让人眼前一亮的小代码:聪明的批处理脚本、精巧的算法、炫酷的 UI 小技巧……但当时看了就忘。这个仓库就是为这些代码安的家:
- 📂 每个有趣的代码片段一个子文件夹,命名即主题;
- 📖 每个子文件夹带一份 README,讲清楚「这是什么、怎么用、哪里妙」;
- 🤖 需要复刻时,把
代码(或复刻提示词)+ README一起发给 AI,上下文齐全,复刻又快又准。
fun-code-collection/
├── README.md ← 本文件:总览 + 收藏清单
├── .gitignore
├── LICENSE
└── <snippet-name>/ ← 每个有趣代码一个子文件夹
├── README.md ← 该代码的详解(这是什么 / 原理 / 片段 / demo / 怎么跑 / 亮点 / 来源)
├── demo.<ext> ← 最小可运行 demo(30 行内、单文件零依赖)
└── <核心片段或其他文件...> ← 需要时保留原代码关键片段,作为「没编」的佐证
| 子文件夹 | 一句话简介 | 类型 |
|---|---|---|
| social-auto-upload-webui-launcher | Windows 一键启动脚本:自动克隆 + 装环境 + 起三服务,双击即用 | Batch / 部署脚本 |
| particle-typography | 离屏取样把文字变成粒子群:弹簧拉回家 + 噪声场吹散,指针一过就炸开再收回 | Canvas 2D / 逆向收录 |
- 在仓库根目录新建一个子文件夹,用英文小写 + 连字符命名,名字要能表达代码主题(例如
matrix-rain-css、windows-cleaner-bat)。 - 把有趣的代码文件放进去。
- 复制下面的模板写一份
README.md,填上真实内容。 - 提交推送:
git add -A
git commit -m "add: 新收藏 <snippet-name>"
git push看到有趣的效果,但它只是某个大文件里的一小部分、整篇搬运全是噪声时,用全局 skill fun-code-reverse(DSH / ZCode 均已安装):
-
给它代码来源(文件路径 + 行号范围,或直接粘贴片段),并点名你觉得有趣的功能点;
-
它会剥离业务噪声,把效果与原理讲清楚,并附一个 30 行内、单文件零依赖、能直接跑的最小 demo;从原代码摘出的 10~40 行关键片段留在条目里,作为「我没编」的佐证;
-
三个部件分工固定,不许混:
部件 职责 回答的问题 README 的「它是怎么做到的」 讲清机制与效果 为什么妙 「关键片段」(从原代码摘) 原代码佐证 我没编 demo.<ext>(能跑)最小可运行复现 你能跑 -
不写复刻提示词——demo 本身就是可执行的说明书,不需要描述代码的第三份文本。收录成条目,不搬运带噪声的原始文件;每次收录的经验会泛化成通用规则回填到 skill 的 playbook,越用越准。
七节模板。整文件收录的条目可省略「它是怎么做到的 / 最小 demo / 怎么跑」三节,改为说明文件怎么用;历史条目不必回改。
# <snippet-name>
> 一句话:这段代码/这个效果是什么、为什么有趣。
## 这是什么
(用大白话讲清楚:现象是什么、用在哪、为什么值得收藏)
## 它是怎么做到的
(讲透机制:输入是什么、每步做了什么、关键数值多少、为什么这么写能出这个效果。
读完这一节应能自己复述原理,而不是只知道"很酷")
## 关键片段
(从原代码摘的 10~40 行最小机制,内联贴出并注明来源文件与行号——这是「我没编」的佐证)
## 最小 demo
(本目录 `demo.xxx`:演示了哪个机制、相对原代码砍掉了什么。
注明「demo 为最小重写版,非原代码副本」)
## 怎么跑
(最小命令 / 双击哪个文件 / 打开后看哪里)
## 值得收藏/复刻的点
(列出这段代码最妙的地方:技巧、模式、坑,含原代码的隐患)
## 来源
(原链接/出处,注明是收集的副本)本仓库的组织结构与各 README 文案采用 MIT 许可;各子文件夹内收集的代码片段版权归原作者所有,仅供学习与复刻参考,请勿用于商业用途(详见各子文件夹 README 的「来源」说明)。