文章介绍了中文网站 font-family 的最佳实践：遵循“先西后中、兼顾主流操作系统、最后以通用无衬线字体兜底”的原则。作者给出了 --font-sans 和 --font-mono 两个 CSS 变量配置示例，解释了 Apple 生态、Windows、Android 等系统字体入口的作用，并总结了三条避坑指南：西文字体须写在中文字体之前、中文字体尽量使用英文名称避免编码问题、带空格的字体名必须用双引号包裹。此外还提醒不声明字体时浏览器渲染的是默认字体而非系统字体。
文章探讨 AI 生成中文页面排版难看的根本原因：不是审美问题，而是语言结构问题。作者指出 AI 默认的 CSS 参数（负字距、1.4 行高、Inter 字体栈）都是为拉丁文设计的，而汉字等宽、信息密度高、可用的层级手段少，与字母排版从根上不同。文章分析了标题过长、断行不当、细字重浅灰、照搬多列网格等常见症状，并给出可直接使用的排版处方：正文 16–18px、行高 1.75–2.0、字距为 0、一行 30–45 字、字体栈首位用 PingFang SC，以及给 AI 修改中文排版的速查表。
作者开源了 RICOUI DESIGN，一个基于 DESIGN.md 的设计系统工作台。DESIGN.md 是一种结构化 Markdown 文档，集中记录品牌的颜色、字体、间距、组件规则与设计约束，人和 AI 都能读取。工作台支持创建、编辑、预览 DESIGN.md，浏览内置品牌设计参考库，可通过 AI 从公开网站生成初稿，并将文档派生为 Design Tokens、CSS 和 ZIP 供前端与 AI 工具使用。文章详细介绍了 DESIGN.md 的结构约定、从品牌参考到自有设计库的使用流程、AI 生成与安全边界、派生检查机制及云端存储方案，强调以 DESIGN.md 作为唯一源文件维护设计规范。
文章介绍 Vercel 如何用 design.md 文件、CSS 样式表和评测闭环，解决 AI Agent 生成页面总「差一点」、需要反复人工修整的问题。核心方法是把工作拆成三层：design.md 写设计判断（读者、信息层级、拒绝的套路），CSS 承接字号、间距、表格等机械性版式约束且不占模型上下文，评测闭环把每次返工转化为可复查的规则。作者强调规则要从模糊感觉翻译成可观察动作，如「别丑」改为「表格全宽」。测试显示公开场景下机械故障从 91 次降到 39 次，约少 57%。建议从一类高频产物入手，把高频修改沉淀为规则，逐步减少返工。
本文介绍 web-image 这一 skill：它不依赖模型的图像生成能力，而是让模型编写 HTML 和 CSS，由浏览器渲染成 PNG 图片。优点包括文字排版 100% 准确、像素级可控、修改局部不影响整体。内置 32 套设计风格（如包豪斯、日式侘寂、国潮等），支持自定义参照风格，提供 20 多个平台预设尺寸并标注遮挡区。适合制作封面、知识卡片、海报、Banner 等平面图，但不适用于人像和风景。免费开源，任何 agent 都可使用。
本文面向非计算机专业的 Vibe Coding 爱好者，整理了 12 个前端网页基础术语，包括 Frontend、HTML、CSS、Markdown、Component、State、DOM、Title Tag、Page Metadata、Favicon、Open Graph 和 Web App Manifest。每个术语都配有通俗解释、图示和可直接复制给 AI 的指令示例，帮助读者在与 AI 协作时更精准地描述需求、定位问题，提升开发效率。
本文介绍了如何通过具体的提示词指导AI生成具有高级感的网页设计。内容涵盖了CSS质感（如毛玻璃、轻阴影、Bento网格）、排版规则、克制动效以及3D空间感的营造，旨在帮助零基础用户避免设计平庸。
作者分享了在 AI 生成 PPT 领域的实践经验，指出 HTML + CSS 是最佳中间格式，兼顾美观和编辑便利。对比了 Claude Opus 和 GPT 的效果，推荐使用 Claude Opus 4.8 进行设计，并提供了相关 GitHub 项目链接。
作者 Leo Xiang 乘着“HTML 做 PPT”的热潮，开发了一款“好看卡片”生成器。该工具支持一键生成小红书、即刻、X 等平台的社交媒体卡片，提供 11 个主题及 8000+ 设计语言组合，并包含信息图效果。
作者开源了一款名为 guizang-ppt-skill 的 PPT 生成工具，该工具将其 10 年的设计经验封装为 AI Skill。产品采用“电子杂志 × 电子墨水”的设计风格，提供 10 种页面布局、5 套主题色及完整的交互逻辑，旨在通过人机协作接口，利用 AI 规范化生成高质量的演示文稿。
文章探讨了利用 LLM 生成 HTML 代码进而制作视频的难题与解决方案。作者介绍了 HyperFrames，这是一个通过最小化创作模型、控制 Headless Chrome 逐帧渲染来生成确定性 MP4 的系统。文章详细阐述了核心技术难点，包括使用 Seek 替代 Play 模式、利用 Chrome DevTools Protocol 的 beginFrame 控制渲染同步，以及解决事件循环阻塞和字体加载异步问题的具体工程技巧。
