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

前后对比

相关推荐
AI分享猿1 小时前
重度长上下文开发怎么选?先看缓存是否吃额度
缓存·ai编程
亦暖筑序1 小时前
AgentScope-Java 入门:用 Middleware 审计 Agent 调用
java·ai编程·agentscope
子昕1 小时前
Opus 5只要Fable一半价格,我准备把Claude续上了
ai编程
aqi002 小时前
15天学会AI应用开发(十六)LangChain实现对话记忆功能
人工智能·python·大模型·ai编程·ai应用
赫媒派3 小时前
Agent 能被搜到?ARD:MCP/A2A 资源统一发现
ai编程
Pokerhead3 小时前
如何评价 DeepSeek-V4 的价格?
人工智能·大模型·ai编程·deepseek
风景的人生4 小时前
流式输出与springboot中的响应式编程
java·spring boot·ai编程
程序员老刘·4 小时前
Flutter版本选择指南:3.44密集修BUG,9月大限将至 | 2026年7月
flutter·ai编程·跨平台开发