AI 越会写代码，这些基本认识越重要
本文探讨了在Vibe Coding时代，计算机基础（尤其是计算机网络和数据库）的重要性。作者指出，AI虽然能高效生成代码，但开发者仍需理解代码的运行位置、网络访问原理、数据存储与设计、缓存策略等核心概念。文章通过八个问题，从localhost、域名、前端后端划分，到数据持久化、数据模型、缓存与失效，层层递进，强调建立完整技术认知地图对于从Demo到真正产品转化的关键作用。
相关文档
Ai Vibe Coding：小白也能看懂的产品稳定性教程
文章以面包店从街角小店成长到全国连锁的故事为比喻，系统讲解网站如何应对用户增长与稳定性挑战。从单体架构（一台烤箱）讲到垂直扩展、数据库索引、N+1 查询优化、缓存与缓存失效、水平扩展、负载均衡与自动扩缩容，再延伸到 Docker 容器化、CI/CD、可观测性、读写分离、微服务拆分、CDN 内容分发，以及限流、队列与异步处理等高并发应对手段。用通俗类比帮助零基础读者理解前后端、数据库、缓存等核心概念，掌握系统扩容与稳定性的基本方法论。
自学Vibe Coding，这3个免费开源项目就够了，别买课
文章基于作者的Token消费经验，推荐了三个免费开源项目（Easy-Vibe、vibe-coding-cn、awesome-vibe-coding）作为学习Vibe Coding的替代方案，无需购买昂贵的课程。文章详细介绍了各项目的特点，提供了从入门到接单的详细学习路径，并分析了开源学习在更新速度、内容深度和社区支持上的优势。
把复杂硬件变成简单有趣的课程：ESP32 版
作者 Dilum Sanjaya 发布了一个交互式学习应用 learn-esp32.vercel.app，延续其此前的 Arduino 学习工具，将复杂的 ESP32 硬件知识拆解为一个个简单电路课程，帮助初学者逐步上手。该应用使用 Opus 5.5 构建。帖子引发众多网友好评，有人建议将其开源，作者表示考虑构建一个开源项目，让任何人都能贡献自己的电路创意。该工具展示了 AI 辅助开发在硬件教育领域的应用潜力。
4款AI小游戏收入10万！AI游戏发行平台全解析，普通人的机会来了
本文通过“出头喵”工作室的案例（两兄弟用AI做4款小游戏收入10万元）引出AI做游戏这一新兴赛道。作者扒了7个国内外AI游戏发行平台：TapTap制造、灵珠魔丸、小红书小工具、B站Toy、Rosebud AI、Playabl和Google Playground，分析了各自的准入门槛和特点。文章还提供了从零到上线的7步实操路线，包括玩法构思、工具选择、试玩迭代、发布推广等，并介绍了广告变现、直接售卖、比赛奖金、流量引流四种赚钱方式，最后提醒新手避开“能运行就等于做好”“功能越堆越多”等四大坑。
用AI做小程序：7步补齐设计规范
本文介绍了用AI开发小程序时如何补齐设计规范，解决多个页面字体、按钮、圆角不统一的问题。文章分7步讲解：确定规范适用范围与存放位置、统一字体与文字层级、按用途分配语义色、统一形状间距与图形元素、把规则封装为可复用组件与变体、统一状态与交互反馈，以及通过Design Token落实到代码并用验收标准逐页检查。最后给出常见坑（规范与代码各改各的）的解决方法、维护流程和一段可直接使用的提示词，帮助AI持续按同一套规则产出页面。
人人都是 UI 设计师：20 条设计军规讲透 UI 设计
文章基于《Refactoring UI》一书，精选出 20 条实用的 UI 设计黄金军规，配合前后对比图讲解。作者指出在 AI 编码工具（Claude Code、Cursor 等）抹平写代码门槛后，UI 设计美感成为区分玩具与商业产品的关键壁垒。内容涵盖：为设计定好风格基调、先灰度后上色、用字重和颜色而非字号建立视觉层级、通过弱化凸显重点、按钮按主次分级、从过度留白开始做减法、间距的亲疏之别、动态调整行长与行高、以基线而非居中对齐等可工程化落地的设计原则，帮助开发者补齐 UI 设计这块最后拼图。
Polar: 如何让 LLM 写出的 UI 不偏离设计系统
本文翻译自 Polar 官方博客，介绍其新设计系统 Orbit 背后的思考。随着 LLM 和 Coding Agent 大量参与前端 UI 开发，传统基于 Tailwind 字符串的样式写法导致设计一致性难以保障。Orbit 的核心思路是：将设计规范从文档升级为代码约束——Token 按设计意图命名（如 background-card），通过 StyleX 构建类型安全的 Box 组件作为唯一样式入口，禁止直接使用原始 div，并在 CI 中以 Oxlint 规则强制执行，使偏离设计系统的代码在机制上无法通过。文章强调文档只是概率性建议，CI 才是确定性契约。
Rico MD 更新：新增 7 套公众号排版，接入 gzh-design-skill 主题体系
作者介绍了其公众号 Markdown 编辑器 Rico MD 的一次重大更新：接入开源排版 SKILL「gzh-design-skill」的主题体系，新增 7 套公众号排版主题（如摸鱼绿、红白色系、石墨极简风等），支持自定义封面模板字段、文末互动卡、文档与图片打包导出、标题正文行高间距自定义等功能。文章还说明了主题版权与 AGPL-3.0 许可处理方式，以及适配中舍弃的部分。该工具支持左侧 Markdown 编辑、右侧实时预览、一键复制到公众号后台，在线版与开源仓库均已提供。
Vibe Coding 网页动效词典（下篇）：组件反馈、布局过渡与页面转场
本文是 Vibe Coding 网页动效词典的下篇，从第 37 个词继续，涵盖组件反馈、布局过渡与页面转场三大板块。内容包括折叠展开、锚定浮层、弹窗过渡、抽屉、标签页切换、轮播等组件动效；数字计数、骨架屏、加载指示、成功错误反馈等结果反馈动效；布局过渡、共享元素转场和页面转场等空间变化动效。每个词条均配有常见类型、适用场景和可直接使用的 AI 提示词示例，最后介绍第四层 UX 规则（反馈、操作暗示等），帮助零基础开发者用提示词驱动 AI 实现专业网页动效。
Vibe Coding 网页动效词典（上篇）：教你准确描述页面怎么动
本文是一篇 Vibe Coding 网页动效教程（上篇），旨在帮助读者用准确的术语向 AI 描述网页动效。文章先介绍 UI、UX 和 Vibe coding 的概念，提出网页动效的四层结构：技术工具（CSS、Motion、GSAP、Three.js 等）、触发方式、动效类型和 UX 规则。上篇重点讲解触发方式（悬停、焦点、点击、指针、视口、滚动、手势、页面加载、状态变化、定时）及动效类型的基础部分（Easing、Duration 等），每个词条配有可直接使用的提示词示例，帮助读者清晰表达脑中的动效效果。
pnpm 12.4：统一多语言开发工作流
pnpm 12.4 将多语言项目（npm、Python、Cargo）的依赖安装、构建、测试与缓存纳入同一套工作区配置。一条 pnpm install 可安装三个生态的依赖，新增的 pipeline 功能通过任务依赖图编排构建与验证流程，并支持基于输出的缓存复用，减少重复构建。配套的 pnpr 服务提供跨机器的共享缓存、制品托管和多语言软件包的批量事务发布。文章还讨论了这些能力对 Agent 工作流的意义：仓库明确声明执行规则后，自动化工具可减少临场推断。最后指出了实验功能的成熟度限制、pnpr 的许可证差异，以及针对混合仓库而非纯 Python 项目的适用场景。
我用 Codex 搭个人网站：从选 UI 到部署上线
作者 DerrickLi 非计算机专业出身，借助 AI 工具 Codex 搭建了自己的个人网站。文章记录了完整建站过程：先规划网站内容框架（个人介绍、作品、文章、Skills、联系入口），再反复打磨 UI，从最初追求科技感动效失败，到通过 MotionSites 素材参考最终实现电影感页面，强调有具体参考能让沟通更高效。部署阶段经历预览发布、域名接入、HTTPS 配置等调试。作者总结了定内容、选画面、做上线三步流程，并强调网站上线后仍需持续积累作品和文章内容。
