Skip to content

Latest commit

 

History

4 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🧩 fun-code-collection

有趣代码收藏库 —— 收集在网上看到的「有意思、好玩」的代码片段。 每个收藏单独一个子文件夹,附带独立 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 / 逆向收录

➕ 如何添加一个新收藏

  1. 在仓库根目录新建一个子文件夹,用英文小写 + 连字符命名,名字要能表达代码主题(例如 matrix-rain-csswindows-cleaner-bat)。
  2. 把有趣的代码文件放进去。
  3. 复制下面的模板写一份 README.md,填上真实内容。
  4. 提交推送:
git add -A
git commit -m "add: 新收藏 <snippet-name>"
git push

方式二:逆向收录(不搬原始文件,条目 = 讲清楚 + 一个能跑的最小 demo)

看到有趣的效果,但它只是某个大文件里的一小部分、整篇搬运全是噪声时,用全局 skill fun-code-reverse(DSH / ZCode 均已安装):

  1. 给它代码来源(文件路径 + 行号范围,或直接粘贴片段),并点名你觉得有趣的功能点;

  2. 它会剥离业务噪声,把效果与原理讲清楚,并附一个 30 行内、单文件零依赖、能直接跑的最小 demo;从原代码摘出的 10~40 行关键片段留在条目里,作为「我没编」的佐证;

  3. 三个部件分工固定,不许混:

    部件 职责 回答的问题
    README 的「它是怎么做到的」 讲清机制与效果 为什么妙
    「关键片段」(从原代码摘) 原代码佐证 我没编
    demo.<ext>(能跑) 最小可运行复现 你能跑
  4. 不写复刻提示词——demo 本身就是可执行的说明书,不需要描述代码的第三份文本。收录成条目,不搬运带噪声的原始文件;每次收录的经验会泛化成通用规则回填到 skill 的 playbook,越用越准。

子文件夹 README 模板

七节模板。整文件收录的条目可省略「它是怎么做到的 / 最小 demo / 怎么跑」三节,改为说明文件怎么用;历史条目不必回改。

# <snippet-name>

> 一句话:这段代码/这个效果是什么、为什么有趣。

## 这是什么
(用大白话讲清楚:现象是什么、用在哪、为什么值得收藏)

## 它是怎么做到的
(讲透机制:输入是什么、每步做了什么、关键数值多少、为什么这么写能出这个效果。
 读完这一节应能自己复述原理,而不是只知道"很酷")

## 关键片段
(从原代码摘的 10~40 行最小机制,内联贴出并注明来源文件与行号——这是「我没编」的佐证)

## 最小 demo
(本目录 `demo.xxx`:演示了哪个机制、相对原代码砍掉了什么。
 注明「demo 为最小重写版,非原代码副本」)

## 怎么跑
(最小命令 / 双击哪个文件 / 打开后看哪里)

## 值得收藏/复刻的点
(列出这段代码最妙的地方:技巧、模式、坑,含原代码的隐患)

## 来源
(原链接/出处,注明是收集的副本)

📜 许可

本仓库的组织结构与各 README 文案采用 MIT 许可;各子文件夹内收集的代码片段版权归原作者所有,仅供学习与复刻参考,请勿用于商业用途(详见各子文件夹 README 的「来源」说明)。

About

No description or website provided.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages