Cursor使用frontend-design 让AI生成出来的前端界面更有风格

1、在控制台中安装frontend-design

typescript 复制代码
npx skills-installer install @anthropics/claude-code/frontend-design --local --client cursor

2、安装成功会出现 .cursor文件

应用

在agent中输入/skill后选择frontend-design 或者 直接输入/frontend-design

typescript 复制代码
/frontend-design 使用frontend-design 修改PrimaryCta.vue中的 el-dialog 弹窗样式 要求简洁高级,保留原主题色

前后对比

相关推荐
咬代码的兽12 小时前
满大街的 AI Agent,怎么判断真假?五个土办法
ai编程·ai agent·agentagent
Tangyuewei17 小时前
小米的 Coding Agent 开源了
人工智能·开源·ai编程
狼爷18 小时前
踩坑实录:OpenCode 端口 49374 占用之谜
aigc·ai编程
文谦南宁AI普工20 小时前
写了个 Agent Card 体检器:一张「自我声明」的名片,能验到什么程度
aigc·agent·ai编程
xn713320 小时前
LiteRT Tensor API C++ 怎么用?XNNPACK、GPU 与 NPU 路线如何选择
ai编程
三轩说20 小时前
停更 5 年,它本该被淘汰 —— 直到 Workbuddy 让它跑在新 M6 上
ai编程
白日放歌须纵久20 小时前
Claude Skills 装了就等于能用吗?给 Claude Code Skills 建一套首跑验收流程
ai编程
柯南466820 小时前
【AI工程师精讲】15:DPO:不训奖励模型、不做强化学习,也能完成对齐
人工智能·ai编程