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 弹窗样式 要求简洁高级,保留原主题色

前后对比

相关推荐
humcomm16 小时前
AI编程时代新前端职位
前端·ai编程
AI工具挖掘机17 小时前
Codex 桌面版上手:从安装到自己开发首个小游戏,0 基础快速入门,手把手教学
经验分享·ai·ai编程
坚果派·白晓明18 小时前
【鸿蒙PC】SDL3 适配:AtomCode + Skills 快速集成 NAPI 测试工具
c++·华为·ai编程·harmonyos·atomcode
kyriewen20 小时前
Claude Code Token 烧太快?实测 5 招,把月费从 250 美金砍到 50 美金
前端·ai编程·claude
Maydaycxc20 小时前
Codex 配置到落地:从 API 接入到自动化RPA工作流实战
自动化·ai编程·rpa
namexingyun21 小时前
拆解Fable 5三重安全护栏:模型路由、蒸馏防护与生物安全分类器的技术原理 - 微元算力(weytoken)
java·人工智能·python·安全·架构·ai编程
天朝八阿哥21 小时前
使用Lazarus解压gzip
ai编程
ZzT1 天前
瑞幸 Skill 实测,看看点一杯咖啡到底耗了多少 token
ai编程·claude
一个大苹果1 天前
一文讲清 CLI、MCP、A2A、A2UI 和 AG-UI
ai编程
程序员老刘1 天前
经济学说AI不抢饭碗,为何现在找工作却越来越难?
aigc·ai编程·客户端