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

前后对比

相关推荐
一乐小哥1 天前
坚持迭代一个 Chrome 插件半年后,我的同事问我:"这不是 Chrome 自带的功能吗?"
chrome·github·ai编程
donecoding1 天前
Playwright MCP 页面捕获:Snapshot、截图、HTML 到底选哪个?
前端·ai编程·前端工程化
木昆子1 天前
用一个业务案例,摸透Code Buddy的Skill原理
ai编程
小虎AI生活1 天前
2026 年 AI 搞钱的八个方向,第五个被严重低估
ai编程
sunneo1 天前
专栏C-产品战略与竞争-05-产品组合
人工智能·产品运营·产品经理·ai编程·ai-native
GISer_Jing1 天前
从入门到落地:前端开发者的AI Agent全栈学习路线
前端·人工智能·ai编程
lifewange1 天前
GitHubCopilot 安装教程
ai编程
名不经传的养虾人1 天前
从0到1:企业级AI项目迭代日记 Vol.14|正式版上线第一周:一个403、一次重构、一个新方向
人工智能·ai编程·ai创业·企业ai·多agent协作
guslegend1 天前
第2节:规范驱动开发SDD,让AI永远在轨道上
人工智能·ai编程
常威正在打来福1 天前
【入门】OpenClaw 是什么?怎么装?以及你一定要知道的风险点
aigc·ai编程