不懂代码的律师，是如何在三天内用 Vibe Coding “玩”出一个硬核个人网站的？
Tag: #VibeCoding #法律科技 #个人网站 #AI实务 #跨界探索
摘要：一个纯粹的代码门外汉，如何在短短三天内，徒手搭建起一个包含文章排版、AI 智能体指令库甚至独立小工具的个人网站？这不仅仅是一次简单的技术尝试，更是一场让人彻底沉迷的“赛博修仙”。当语言成为编程的唯一门槛，我们或许都该重新认识创造的乐趣。
作为一个每天在法条、专利权利要求和厚厚案卷中打滚的律师，如果有人在几天前跟我说：“杜律，你马上就会拥有一个完全由自己架构的个人网站，而且里面还有你自己写的代码小工具。”
我一定会觉得他疯了。或者觉得我在做梦。
但在刚刚过去的这三天里，这件极其离谱的事情，竟然真的发生了。
这就是我刚刚上线的个人数字化阵地：DUGUANFU.CLOUD。
没有报班学 Python，没有啃砖头厚的 HTML/CSS 教程，也没有因为少写一个分号而对着满屏红色的报错抓狂。我唯一做的，就是端着咖啡，对着屏幕进行了一种叫作 “氛围编程”（Vibe Coding） 的骚操作。
卧槽，这简直像是在玩自己做主线的电子游戏！
最近科技圈很流行一个词叫“Vibe Coding”。字面意思是“凭感觉编程”，但只有当你真正上手时，你才能脱口而出一句：“真牛逼！”
整个建站体验，完全颠覆了我对软件开发的刻板印象。
在过去，写代码意味着你需要像一台严谨的机器，去迁就计算机那死板、反人类的逻辑规则。
但现在，这一切变了。你不需要懂语法，你只需要有“品味”，并且知道自己到底要什么。
这三天里，我就像是一个极其挑剔的导演，坐在监视器后疯狂发号施令，而 AI 就像一个脾气极好、手速极快的高级全栈工程师，立刻把我的想法变成现实。
“大哥，把这个页面的底色给我调成类似 Chrome 浏览器的淡黄色，那种白底太刺眼了，看着不舒服。” “等下，底部那个个人微信的二维码怎么被裁掉了？给我把尺寸放大到 180px，把多余的白边裁掉，然后跟右边的公众号二维码完美对齐，懂我意思吧？” “把我上传的这些文章，全都给我排版成微信公众号的风格！要那种左边有蓝色竖条的二级标题，还要有带双引号的引用块，文章别铺满屏幕，宽度缩一缩，看着更有沉浸感。”
然后，奇迹就这么在我眼前发生了。
你只需敲下回车，几秒钟后，一个空白的页面就长出了导航栏、排布出了整齐的九宫格、渲染出了精美的卡片。如果哪里不爽，你只需要说一句“这里太丑了，改一下”，它马上就能给你换个样式。
这特么哪里是在敲代码，这简直就是在玩一款开放世界的沙盒游戏！而且这款游戏的地图、规则、甚至 NPC，都是由你亲自创造和执导的。
正是这种绝对的自由掌控感，以及改完立刻就能看到的视觉回报，让我在这三天里彻底上瘾了，连看案卷的间隙都要切过来调两下页面。
DUGUANFU.CLOUD：我把压箱底的家伙事儿都搬上来了
既然硬生生“玩”出了一个网站，我当然不想让它只是一个放个人简历的无聊名片。
既然是“法律实务 × 科技创新”的试验田，我决定把我这阵子折腾 AI 和法律交叉领域的压箱底货，全都搬上来。目前，网站包含三个核心板块：
1. AI 行业观察：说点懂技术的律师才看得懂的话
在这里，我摒弃了干瘪的法条堆砌，试图用跨学科的视角（工学背景+法律思维）去拆解前沿科技。 比如里面那篇《你在调用的AI模型，正在吞噬你的商业机密》，就是从实务角度，深度横评了中美七大主流大模型的底层隐私政策。我希望能通过这些文字，给那些整天用 AI 写代码、写标书的硬核科技企业提个醒：建立数据安全护城河，真不能只听厂商的广告。
2. 法律人 SKILLS：让 AI 瞬间变身资深律师的“魔法咒语”
这是我最引以为傲的一个板块，也是我觉得最牛逼的地方。它不是普通的文章，而是一个个经过我反复调试、深度验证的 AI 智能体指令集（Skill Prompts）。
- 药品专利分析助手：能直接帮你梳理复杂的 Hatch-Waxman 法案框架，秒算 NCE 数据保护期、14 年专利上限。
- 刑事案卷供述比对智能体：能瞬间提取好几份嫌疑人讯问笔录里的矛盾点，谁翻供了，哪里说法变了，列得清清楚楚。
- 专业技术文章写作管线：直接连排版带查证一条龙搞定。
你只需要把这里的 .md 文件下载下来，直接“喂”给你的 Claude 或者 ChatGPT，你的 AI 就能瞬间获得我这个资深律师的审查视角。真正的开箱即用。
3. 律师妙妙小工具：那些我受够了手动算的繁琐事儿
光有思维还不够，日常干活还得有趁手的兵器。通过 Vibe Coding，我把平时实务中嫌麻烦的小功能，全用嘴“写”成了网页版的在线工具：
- 证据清单自动化生成工具：支持拖拽上传一堆文件，它能智能识别分类，还能一键生成带格式的 Word 证据目录让你下载。（没错，这个牛逼的 Word 导出排版，也是我指挥 AI 一点点捏出来的）。
- 法律利息计算器、诉讼费计算器：不用到处找小程序，这里直接算。
结语：当“嘴炮”成为唯一的门槛
经历了这三天的疯狂折腾，我心里无比确信一件事：在未来，编程绝对不再是那帮穿着格子衫的技术精英的特权了。
当自然语言（或者说“嘴炮”）成为写代码唯一的门槛时，真正能决定一个产品牛不牛逼的，不再是你懂不懂哪种编程语言。
而是你对这个行业的痛点有多了解？你的业务逻辑清不清晰？以及，你想要创造点什么出来的“品味”。
如果你也对法律与 AI 到底能碰撞出什么火花感兴趣，或者单纯想看看一个完全不懂代码的律师，硬凭着一张嘴能把网站折腾成什么样，欢迎随时来我的赛博自留地逛逛：
（顺便说一句，这篇文章的排版格式，也是我通过网站后台的构建脚本，让 AI 自动一键生成的。这，就是 Vibe Coding 带来的爽感。）