Long long age，我还是一个有工作，有空闲，有好奇心的职场牛马，出于对《攻壳特工队》和香港电影的喜欢，我猛研究过一阵子霓虹灯特效，为此也写过几篇文章，《堕落糜烂的光芒-CSS+SVG实现霓虹灯效果》，《亮瞎你的氪金眼-CSS+SVG实现霓虹灯动画》，最后还有一篇很骚气的综合文，《啤酒节上尿意浓-SVG低级艺术展示》，就是字面意义上的很骚气。但后面发现调出霓虹灯的效果不算难，但每次都要写大量的代码就很费劲，而且都是一大串的代码，就算CTRL C+CTRL V大法已经修炼到最顶层的我也觉得实在不符合程序员偷懒原则，很想封装成一个web component。那时候在网上闲逛，发现了一个很强的web component，，就很符合我的想法，翻进去一看，用的是Shadow DOM v1 和Custom Elements v1技术做的，很想用copy大法抄一下，但深入研究后，发现我一个搞java后端的，搞这个有点僭越了（搞不懂的高情商说法），果断放弃，连带霓虹特效也渐渐地都放弃了。
时来运转，到了2026年，我失业了。投了几个月的简历后，连个面试的机会都没有，大龄程序员看来除了死掉会被人说还太年轻，其他都是被嫌弃太老。为了自救，我果断开始学习AI，和AI来场贴身肉搏，不是它把我替换掉，就是我抽鞭子奴役它。开始我选择的是claude code，无奈anthropic公司对中国实在防范的紧，账号一直搞不定，直到deepseek 4v版本的发布，价格实在是便宜，我立即跟进，用claude+deepseek开始了AI编程。随着学习的进展，我发现了一件事，AI的确猛，但网上那种说啥也不懂，用AI就能搞个项目，纯属瞎扯，下面我就把我用AI开发的过程说道说道。
我当然还是不懂Shadow DOM v1 和Custom Elements v1技术，所以我直接就把之前写的文章喂给claude，然后要求它参考的技术来实现，然后它就开始了哐哐一通炫，代码就成了。但因为这个是前端特效类的项目，所以效果的验证只能靠我的眼睛来判断了，所以我在这个项目的作用还是很大的（听懂掌声）。但时间效率而言，真的和之前不可同日而语，一天就把这个项目的第一个可用版做出来，特别强调下，不是demo版，是可直接使用的版本。我看了下花费，当天就花了5块钱，花费的token数如下：
包括后续的文档啊，效果demo页也都是claude code自己做的，我只是看看，并不说话。其中遇到的问题，我也记录下来了（当然也是AI总结的），大伙有兴趣可以去github上看下（CREATION.md）。当然，现在我还在鞭挞AI，所以经费以每天5块钱的巨款在燃烧，考虑到失业的我，看官们打点些token费吧。
最后展现下部分效果，希望有感兴趣童鞋star一下。
