文章以社群小程序开发为背景，通过分析快递100、国家博物馆、优衣库、小宇宙、星巴克、影视飓风等真实案例，拆解了8种常见小程序类型的页面设计重点。每类小程序用户目标不同，页面布局与交互重点也不同：工具服务型要突出办事入口，预约服务型要说明日期、时段与名额的依赖关系，零售电商型需支持找货与比较，内容消费型要平衡发现与播放控制，餐饮点单型要确认门店与履约方式，教育学习型需区分找课与继续学习。文章还结合功能宫格、空状态、SKU、迷你播放器等概念，总结了视觉顺序、布局方式、状态区分与操作反馈等前端设计要点。
本文介绍了用AI开发小程序时如何补齐设计规范，解决多个页面字体、按钮、圆角不统一的问题。文章分7步讲解：确定规范适用范围与存放位置、统一字体与文字层级、按用途分配语义色、统一形状间距与图形元素、把规则封装为可复用组件与变体、统一状态与交互反馈，以及通过Design Token落实到代码并用验收标准逐页检查。最后给出常见坑（规范与代码各改各的）的解决方法、维护流程和一段可直接使用的提示词，帮助AI持续按同一套规则产出页面。
文章以模拟的Punk咖啡馆点单小程序为例，图文讲解15个常见交互名词：导航栏、TabBar、页内Tabs、卡片、单元格、按钮、点击热区、表单校验、选择器、轻提示、对话框、操作面板、骨架屏、空状态与错误状态、无障碍。沿“选咖啡→选规格→加入购物袋→确认订单”的完整点单路径，说明每一步页面应有的回应，如选中状态、数量与总价更新、加载与失败提示等。最后强调提交后要区分等待、失败和结果不明三种情况，结合服务端幂等防止重复下单，并给出用AI按业务补齐交互的模板。
文章介绍了 Vibe Coding 视觉词典的下篇，详细讲解了滚动与动作、提示与加载、视觉风格三大模块的设计概念与 AI 提示词，涵盖 Scroll Reveal、Parallax、Skeleton Screen 等前端开发技巧。
文章探讨了“PPT as Code”的理念，主张利用现代网页技术替代传统PPT，以实现演示文稿的可复用性与迭代能力。内容涵盖了底层模型构建、基础分页与动画实现、进阶框架（如Scroll-snap、WAAPI、reveal.js）的选择，以及如何通过建立视觉系统与AI辅助提升设计美观度。作者强调将演示从一次性文件转变为可持续维护的内容资产。
作者参考 ElevenLabs 官网安全模块，分享了一组让卡片设计显得高级的线条动效方案，并提供完整提示词可直接复刻。设计关键在于：只用黑色细线，实线画本体、圆点虚线画辅助线营造手作感；三个图形不按同一框绘制，通过大小调整达到视觉平衡；每个图标有各自的结构演示动画（球体旋转、薄板错开归齐、螺旋重长）。文中详细说明了入场画线、悬停交互、防打断处理等细节，并给出单文件 HTML 的完整实现提示词，可交由 Claude 或 ChatGPT 生成，适用于官网功能介绍、定价页、课程流程等场景。
文章分析 Claude 桌面端改版引发老用户不满的原因。作者认为设计团队追求工整规范，却抹掉了产品的独特质感。作者总结品牌升级三大禁忌：一是动了用户已习惯的感官直觉，把有辨识度的个性误当不规范，导致产品同质化；二是用内部生产效率代替用户实际收益，只强调3周快速上线却未说明对用户的具体好处；三是把'做出来了'当成'证明有效了'，缺乏真实任务中的行为数据验证。作者提出改版前应自问：用户心中的感官词是否被磨平、新收益能否覆盖学习成本、哪些特色必须保留。真正的升级是修掉硬伤、留住特色。
设计师妍妍分享10个私藏设计灵感网站，包括收录真实产品界面的Mobbin、前沿创意的Godly、极简美学的Minimal Gallery、B端设计参考Refero、暗黑美学的Dark design、交互动效Design spells、Landing Page灵感的Lapa Ninja、字体排版的Typewolf、实验性网页Load more以及X平台精选设计的Best Designs on X。作者强调审美不是靠收藏，而是靠长期浸泡和观察培养的判断力，并预告下期将分享普通人系统提升审美的方法。
文章以Punk咖啡馆点单小程序为例，沿着菜单、规格、购物袋、确认订单四个页面，图文讲解15个布局与视觉设计名词，包括信息架构、用户流程、线框图、首屏、视觉层级、栅格、对齐、留白、响应式布局、安全区域、设计变量、语义色、字阶、行高及Padding/Margin。作者还指出固定底栏遮挡内容的常见坑，并给出从定入口、画线框、定边距对齐到小程序内验证的完整排版流程，帮助读者用具体语言描述布局需求，让AI能精准修改页面。
文章由 Ink & Switch 研究实验室撰写，探讨了传统批量生产软件的僵硬性问题：中心化开发模式让用户无法按自身需求改造工具，导致主动权丧失。作者提出「可塑软件」概念，设想一个任何人都能以最小摩擦改造软件工具的生态。文章分析了设置项、插件、改机、开源、AI 辅助编程等现有方案的局限，并提出三个关键设计模式：为用户提供从使用者到创造者的「缓坡」渐进路径、以通用可组合的「工具」替代僵化的「应用」形态、以及工具间的数据共享与界面组合。作者认为物理世界的可塑性经验值得借鉴到软件世界中。
文章讨论了 AI 生成前端页面虽然速度极快，但产出常带有模板味的问题。作者建议通过浏览 Layers 网站来提升界面高级感。与过去 Dribbble 上流行无法落地的概念稿不同，Layers 上吸引人的是克制的真实产品细节，如字形切换的微动效、干净的间距节奏和组件状态变化的自然过渡。作者认为，AI 把写界面的门槛降到地板上后，细节反而更加刺眼，一个产品看起来像粗糙玩具还是成熟软件，差异往往不在于功能结构，而在于那几处带品味的手感判断。
本文介绍了一套借助 AI 完成网站前端设计与实现的标准化工作流，面向没有代码基础的设计师和小白。作者强调先判断输入材料（仅有网页链接或有 GitHub 仓库），分路线让 AI 读项目、跑起来；通过黑盒走查梳理页面清单和用户任务路径，用 Mermaid 画页面地图；按影响范围排序设计（全局壳层→P0主流程→异常状态→辅助页面→细节打磨）；拆分结构、视觉、状态、细节四轮迭代让 AI 修改并浏览器验收。文章还附带多个可直接使用的提示词模板，并推荐了灵感与素材网站，帮助读者以低成本高效交付前端项目。
本文介绍 xAI 团队设计 Grok Bot 的产品思考：将十几个 AI 概念收敛为 Bot、Chat、Prompt、Tool、Artifact 五个用户原语；把组织单元从聊天记录换成 Bot 名单，让心智模型从工具切换为同事；通过头像动画承载生命周期提供在场感；为每个 Bot 配备独立电脑并采用三级访问设计；用结构化卡片回答信息；能力共享而上下文按角色隔离；Routine 让 Bot 无需提示词即可按日程或事件自主工作。整个设计的核心原则是持续做减法，回归'帮人委派而非增加管理负担'。
