帖子作为 Web 应用

Source: Dev.to

不要把这件事浪漫化。

我并不会花数周时间从头 “工程化” 这些项目。
大多数情况下的工作流程是：

1. 获取我以前的某篇博客文章
2. 提取核心点（隐喻 / 思维模型 / 关键要点）
3. 让 Google AI Studio 将其构建为 TypeScript Web 应用
4. 通过提示不断打磨 UI/UX，直至符合核心点
5. 推送到 GitHub 并让 Copilot 通过 GitHub Pages 发布

就这么简单——全部在我的手机上完成。

关键在于拥有一个足够具体、能够转化为交互的 hook。
一旦有了它，“博客文章 → Web 应用” 就变成了一个简单的任务：

• 我掌握 Why（核心点）。
• AI 生成 How（首稿）。

1. 代码质量与维护

项目

• CodeFengShui – Chaos → clarity 滑块
  (博客文章 / 代码)

• CodeHygiene – 交互式教学工具
  (博客文章 / 代码)

• CodebaseKitchen – 熵抗性测试
  (博客文章 / 代码)

• TheInnerCodePlumber – 系统直觉模型
  (博客文章 / 代码)

这些项目模拟 随时间增长的熵。
它们的存在是为了展示一个残酷的真相：

代码不会突然崩溃。
它会悄悄衰退。
你不是因为 bug 才重构。
你是因为系统 感觉不对 才重构。

这些工具正是用来培养这种感觉的。

2. 软件原则与学习

项目

• SOLID_Paw – 通过 Paw Patrol 学习 SOLID
  （博客文章 / 代码）

• LegacyPHP – 拯救弗兰肯斯坦怪物
  （博客文章 / 代码）

• ChroniclesCleanCode – Clean‑code 超级英雄篇
  （代码）

• learnings – 个人知识库
  （博客文章 / 代码）

这些 不是教程；它们是 记忆锚点。
人们通过故事、隐喻和失败模式记住原则，而不是通过枯燥的定义。
尴尬感有效。这正是目的所在。

3. AI / LLM 与 Prompt 工程

Projects

• BlindSpotMetaPromptApp – 强制问题清晰
  (blog post / code)

• PromptMastery – 提示技巧
  (blog post / code)

• PromptDoc – 文档提示
  (code)

• your_agent_config – 构建 AGENTS.md
  (code)

• TheAntiCodingAgentGuide – 讽刺生存指南
  (blog post / code)

这些并不能帮助你 “更好地使用 AI”。
它们帮助你 不对自己撒谎。
AI 之所以失败，并不是因为它愚蠢，而是因为人类跳过了思考步骤。
是的，我使用 AI 来构建关于谨慎使用 AI 的工具——意在讽刺。

4. PHP 与系统开发

项目

• PHPStanGuide – 通过 UI 的类型系统
  (博客文章 / 代码)

• PHP_Stack_Timeout_Simulator – 超时可视化
  (博客文章 / 代码)

• MagicTypeCube – PHP 智慧立方
  (博客文章 / 代码)

后端故障默认是不可见的。
这些项目使约束 可视化且不可回避——只要你能看到它，就会停止争论。

5. Career, Industry & Culture

Projects

• TheStateOfSoftware2026 – 行业分析
  (blog post / code)

(此类别的其他项目在摘录后继续。)