文章介绍了中文网站 font-family 的最佳实践：遵循“先西后中、兼顾主流操作系统、最后以通用无衬线字体兜底”的原则。作者给出了 --font-sans 和 --font-mono 两个 CSS 变量配置示例，解释了 Apple 生态、Windows、Android 等系统字体入口的作用，并总结了三条避坑指南：西文字体须写在中文字体之前、中文字体尽量使用英文名称避免编码问题、带空格的字体名必须用双引号包裹。此外还提醒不声明字体时浏览器渲染的是默认字体而非系统字体。
本文系统介绍了复古主义设计风格，阐述了怀旧情结在设计中的文化心理根源。作者梳理了不同年代的代表性复古风格：20-30年代的装饰艺术风格（Art Deco）以几何与奢华著称，50年代怀旧广告风格温馨亲切，70年代迷幻风格大胆张扬，80年代霓虹复古未来感，90年代复古科技与Y2K美学。文章还介绍了包豪斯、昭和复古等地区性风格，并区分了Vintage（真实老物件）与Retro（现代复古再创造）的概念差异。复古设计通过重现过去的美学符号唤起情感共鸣，在平面、UI和网页设计中被广泛应用。
作者宣布启动一个小项目，并分享了正式进入开发阶段前与团队/Agent 沟通完毕的项目文档目录结构。该目录包含 AGENTS.md（协作与代码规范）、README、DESIGN、CHANGELOG、TODO，以及 docs 目录下的项目规格、架构、组件规范、页面结构、开发流程、组件注册分发和 Cloudflare 部署等文档。作者建议读者可以参考这套模板，或直接将其提供给 Agent 梳理使用，为 AI 辅助开发项目提供标准化的文档组织方式。
本文翻译自 Polar 官方博客，介绍其新设计系统 Orbit 背后的思考。随着 LLM 和 Coding Agent 大量参与前端 UI 开发，传统基于 Tailwind 字符串的样式写法导致设计一致性难以保障。Orbit 的核心思路是：将设计规范从文档升级为代码约束——Token 按设计意图命名（如 background-card），通过 StyleX 构建类型安全的 Box 组件作为唯一样式入口，禁止直接使用原始 div，并在 CI 中以 Oxlint 规则强制执行，使偏离设计系统的代码在机制上无法通过。文章强调文档只是概率性建议，CI 才是确定性契约。
文章介绍了如何使用 Cloudflare 的 Quick Tunnel（cloudflared）在一分钟内将本地运行的项目暴露为公网可访问的 HTTPS 地址。作者讲解了三步流程：安装 cloudflared、本地启动项目、运行一条隧道命令即可获得随机的 *.trycloudflare.com 地址。文章深入剖析了其原理——由本机主动向 Cloudflare 边缘节点发起出站连接，无需开放入站端口或修改防火墙。此外还介绍了面向 AI Agent 的新能力（结构化 JSON 输出、Webhook 就绪、随进程销毁），列出了并发上限、不支持 SSE 等官方限制，并与 Vercel、Netlify、ngrok 等方案做了对比，建议将其定位为本地验证与临时分享工具。
作者介绍了其公众号 Markdown 编辑器 Rico MD 的一次重大更新：接入开源排版 SKILL「gzh-design-skill」的主题体系，新增 7 套公众号排版主题（如摸鱼绿、红白色系、石墨极简风等），支持自定义封面模板字段、文末互动卡、文档与图片打包导出、标题正文行高间距自定义等功能。文章还说明了主题版权与 AGPL-3.0 许可处理方式，以及适配中舍弃的部分。该工具支持左侧 Markdown 编辑、右侧实时预览、一键复制到公众号后台，在线版与开源仓库均已提供。
作者整理了 6 个品牌手册（Brand Guidelines）相关的收藏站点，帮助设计师解决品牌资料查找混乱的痛点。知名品牌案例库包括 Deck Gallery（提案与交付展示）、BrandGuidelines（全球品牌规范 PDF）、Branding Style Guides（可按多维筛选的规范档案库）；视觉应用类包括 Branding Website（快速建立视觉方向）、World Brand Design（品牌在包装、空间等真实媒介的应用展示）、Brand Archive（以品牌为单位的资产档案）。作者建议先明确需求再选择网站，并强调这些资产仅供研究学习，不可直接挪用。
作者以截图美化工具 RicoScreenshot 为案例，完整拆解了 Vibe Coding 的六步工作流：读懂项目、建立视觉规范、规划功能、开发实现、视觉交互调整、测试上线。文章强调每个环节做正确的事：先用 AGENTS.md 让 AI 理解项目架构，用 DESIGN.md 统一视觉规则，用 TODO.md 管理需求和进度；开发阶段一次只做一个功能，并重视亲自使用后的体验判断。该流程基于开源项目 image-beautifier 二次开发，纯前端实现，适合作为新手的第一次完整项目练习。
作者开源了 RICOUI DESIGN，一个基于 DESIGN.md 的设计系统工作台。DESIGN.md 是一种结构化 Markdown 文档，集中记录品牌的颜色、字体、间距、组件规则与设计约束，人和 AI 都能读取。工作台支持创建、编辑、预览 DESIGN.md，浏览内置品牌设计参考库，可通过 AI 从公开网站生成初稿，并将文档派生为 Design Tokens、CSS 和 ZIP 供前端与 AI 工具使用。文章详细介绍了 DESIGN.md 的结构约定、从品牌参考到自有设计库的使用流程、AI 生成与安全边界、派生检查机制及云端存储方案，强调以 DESIGN.md 作为唯一源文件维护设计规范。
作者开源了一款 DESIGN md 一站式工作台，支持创建、搜索和管理设计文档、草稿与品牌参考，集成 AI 助手、云端同步和多语言功能。技术栈为 Next + Supabase + Resend，支持主流 AI Key，目前处于 Beta 版本。
本文介绍了一款名为 rico-bookmark-manager 的工具，旨在解决浏览器书签过多、难以整理的痛点。用户只需导出书签 HTML，通过 SKILL 简单指令，即可实现自动分类、死链检测及去重。此外，该工具还能利用内置的设计系统主题，一键生成个性化的本地静态导航站，确保数据的本地掌控与安全。
