Claude Design 的额度如果用完,可以/frontend-design这个 skill 生成设计图,然后在浏览器预览,再让它按照设计图修改和实现

lxiol
📝
Claude Design 的额度如果用完,可以/frontenddesign这个 skill 生成设计图,然后在浏览器预览,再让它按照设计图修改和实现

原文链接:https://mp.weixin.qq.com/s/oUhGeIny3VOddb6HBdmXPQ

Claude Design 的额度如果用完,可以/frontend-design这个 skill 生成设计图,然后在浏览器预览,再让它按照设计图修改和实现。

比如我的一个用法是:

/frontend-design 我希望你从一个很有品位很高级的UI/UE设计师的角度,重新设计当前项目的UI,然后列一个修改的计划。先把这个设计的UI用个HTML在Chrome浏览器中打开。有什么问题的话,我们可以根据苏格拉底提问法来进行讨论,来最终确定。

它会在浏览器打开设计图,格式是HTML,再经过几轮讨论,基本设计图就确认了。
如果浏览器没有跳转的话,可以安装一下Claude Code的Chrome插件。


💬 本文评论区已开启,但暂无读者留言。

本文转载自微信公众号,如有侵权请联系删除。

  • 标题: Claude Design 的额度如果用完,可以/frontend-design这个 skill 生成设计图,然后在浏览器预览,再让它按照设计图修改和实现
  • 作者: lxiol
  • 创建于 : 2026-04-27 20:21:45
  • 更新于 : 2026-05-12 16:47:34
  • 链接: https://blog.lxiol.cn/2026/04/27/Claude-Design-的额度如果用完可以frontend-design这个-skill-生成设计图然后在浏览器预览再让它按照设计图修改和实现/
  • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
目录
Claude Design 的额度如果用完,可以/frontend-design这个 skill 生成设计图,然后在浏览器预览,再让它按照设计图修改和实现