忙到｜被Claude这个前端设计插件惊艳了✨

最近一头扎进工作里
明显感觉输入变少、脑子也懒得思考了😮‍💨

晚上抽空试了下 Claude 的 frontend-design 插件
真的被效果狠狠惊艳到！

对比看图 2、图 3 就能一眼看出差别
质感直接拉开差距，肉眼观感太明显了～

给你们整理好安装命令👇

Claude 安装：
claude plugins add anthropic/frontend-design

懒人简写：
/plugin install frontend-design

分享下我的傻瓜式使用步骤

先让 AI 帮我生成完整设计文档（看图 4）

直接输入指令：
/frontend-design 结合设计文档给我出设计

就这么简单粗暴，不用费脑琢磨 prompt
重点是！！
我这次写的提示词其实特别粗糙简陋
完全没精心打磨
居然一次就生成到我超满意的设计稿（看图 5）

在专业设计师眼里可能平平无奇
但对普通审美、非专业的我来说
真的已经超出预期，太够用了👍

后面我也去看了最佳实践公式：
[任务] + [风格] + [技术栈] + [核心功能] + [特殊要求]

复盘了下自己的用法
其实我就少了「风格」这一项
本身也不太懂设计风格怎么描述
干脆直接交给 AI 自由发挥抽卡就行～
剩下的任务、技术栈、功能细节全都写在设计文档里
懒人直接照搬这套流程就够用！

最后说一下，最后一张是成品效果截图

#Claude #AI插件 #前端设计 #AI设计 #效率工具 #打工人神器 #AI办公
#编程学习心得 #编程学习新方式 #个人成长日记 #编程神器推荐