/design 画出的每个界面状态

为 [页面或功能] 制作静态 UI 设计稿。先读当前项目里的 [需求文件和相关页面]，遵循它现有的设计系统和组件。然后浏览下面的参考仓库，选一个合适的 DESIGN.md，完整读完。项目还没定义的布局、字体和视觉风格，参考它来定。

使用我项目里的内容和功能，让主要操作和反馈清晰明确。除了默认视图，为这个功能相关的加载、空、出错和成功状态分别使用单独的画板。先给我看设计。现在不要修改应用代码。

Claude Design 本来审美就很强。现在它内置进了 Claude Code，我觉得这对前端工作会是件大事。你可以在同一个开发对话里讨论功能、让 Claude Design 画 UI 稿、再一起修改。

在 Claude Design 里有个特别好用的技巧：写 prompt 时附一个设计参考仓库作为上下文。同样的 prompt、同样的模型，有没有参考差别很明显。我用的是 voltagent/awesome-design-md，我发帖时它有 116.2k star。不一定非用这个，其他合适的设计参考也行。如果你是独立开发者或小团队，特别值得一试。

拿到 Claude Code 的 /design 权限后，运行这个命令，把你的需求、这段 prompt 和参考链接一起给它：https://github.com/VoltAgent/awesome-design-md