Tw93 (@HiTw93) “我想陆续用几条推来介绍 Waza 里面一些有趣技能的实现参考，这次来给大伙介绍 /design”

2026.04.12 23:19

我想陆续用几条推来介绍 Waza 里面一些有趣技能的实现参考，这次来给大伙介绍 /design 技能我的实现考虑点。首先我非常讨厌 AI 生成的那种千篇一律甚至还带emoji，蓝紫色渐变的网站，觉得非常丑，只能说能用。于是我把我最近做的所有的带UI的网站让Claude Code去学习我的调教记录，会生成一份基础的我觉得最佳实践和不应该有的反模式，这个基础上会有一个雏形，然后我把 claude frontend design skill 里面有用的学习过来，基本就有一个模式了。考虑到一些具体规则，我从 pbakaus/impeccable 学习了一些，他给我贡献了大量具体的规则，比如说禁用的字体清单、色彩系统、主题风格、css 模式的禁止项、动画的规范等，用于让 AI 具备一定的审美知识了。然后从 getdesign 的能力中，获取到设计的一个来源于 Google Stitch 的九段式脚手架的结构，在简化能力基础上汇集到 /design 里面，这里他就有一个知识面体系了。最后我会在让你用这个技能的时候，先回答几个问题，谁用、美学方向选择、页面想让用户记住的、你最不喜欢的、网页特色微交互是怎么样的，这样 Claude Code 再基于这个重要的上下文以及 /design 去工作往往会得到事倍功半的效果。假如你有更多设计的建议，欢迎给 Waza 去贡献好的思路，欢迎 PR，我们一起来做一个最好用的工程师技能库。

显示更多