按 Awwwards / Webby / FWA 标准打磨网站:排版到微交互自检清单
以获奖站为参照,从排版、留白、层级、色彩、动效、微交互、响应式与原创性逐项自检,把「好看」拆成可验证条款。
12 分钟
阅读全文 →
4 个开源 AI 网页开发 Skill:设计系统、去塑料感、动效与精简代码
ui-ux-pro-max、impeccable、react-bits 与 karpathy-skills 如何串成可上线的 Vibe Coding 流水线。
11 分钟
阅读全文 →
提升网页质感的 5 个宝藏网站:Motion Sites 到 Aceternity UI
Motion Sites、React Bits、Uiverse、Anime.js、Aceternity UI:从提示词到组件的质感补给站。
10 分钟
阅读全文 →
SkillsMP 是什么?如何挑选免费实用的 AI Skills
把 Skill 当可版本化工作流:看场景、约束、验收标准与社区维护,再放进团队模板库。
9 分钟
阅读全文 →
Vibe Coding 落地页五步法:从 Brief 到可上线
目标、结构、气质、组件、验收:减少「生成很多却上不了线」的可重流程。
11 分钟
阅读全文 →
得奖级微交互:反馈、节奏与克制的参数指南
分清高级与吵闹:200–450ms、统一缓动、完整状态机,并尊重减少动态。
9 分钟
阅读全文 →
React Bits 用于真实项目:选型、性能与无障碍降级
动效适合作点睛:动态加载、包体积预算、静态 fallback 与 SEO 首屏策略。
10 分钟
阅读全文 →
从提示词到设计系统:颜色、字阶、圆角与动效时长
提示词解决冷启动,系统解决扩张:把一次生成沉淀成多页共用的品牌规范。
10 分钟
阅读全文 →
去掉 AI 页面的塑料感:可执行的 /polish 打磨清单
先删后加:收主色、拉开间距、改空泛文案,静帧过关再恢复克制动效。
9 分钟
阅读全文 →
搭建个人网页提示词库:分类、版本与验收模板
按场景、气质、技术栈检索;每条提示词附版本、失败笔记与验收标准。
9 分钟
阅读全文 →