外观
精选资源大清单
按「什么时候用」分组。每条一句话说清价值，不写废话。
必备文档（查语法）
- MDN —— Web 标准的权威字典，HTML/CSS/JS 一切细节的最终解释权在这
- Vue 3 中文文档 —— 质量极高的官方教程，学 Vue 以它为主线
- VitePress 中文文档 —— 本知识库的引擎，主题定制看它
- 现代 JavaScript 教程 —— 免费且系统，JS 概念讲得比多数书清楚
设计灵感（养眼）
- Mobbin —— 海量真实 App 的界面截图库，找交互模式参考首选
- Awwwards —— 全球最前沿的网页设计评选，看天花板长什么样
- Godly —— 精选网站截图，比 Awwwards 更克制、更贴近可实现的审美
- Land-book —— 落地页合集，做官网时翻
配色（配色专区的外援）
- 中国色 —— 中国传统色，本库「竹月/苔绿/合欢红」同源思路，找高级感配色先来这
- Coolors —— 按空格随机生成配色，锁定喜欢的继续生成，5 分钟定一套
- WebAIM 对比度检查 —— 文字可读性红线工具，配完色必过一遍
图标与插画
动效（跨框架通用）
- GSAP —— 时间线动画库天花板，复杂编排唯一推荐
- Animate.css —— 现成 CSS 动画类名库，快速原型用
- Easing.net —— 缓动曲线可视化，配 动效设计原则 食用
- Cubic-Bezier.com —— 拖着调缓动曲线，实时预览
字体与图片
- Google Fonts —— 英文 webfont 首选；中文字体注意体积（见字体与排版）
- Unsplash —— 免费高质量图片，做 mock 数据够用
学习社区
- 掘金 —— 中文前端文章质量较高的社区，踩坑记录多
- CSS-Tricks —— CSS 深度文章，布局问题常在这找到图解
维护姿势
新资源按资源收藏型模板追加到对应分组；过气了就删，清单贵精不贵多。