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

前后对比

相关推荐
黄林晴8 小时前
别再只会写提示词!Superpowers 正在重新定义 AI 编程
aigc·openai·ai编程
与虾牵手8 小时前
Claude API 中转怎么选?2026 实测 3 种方案,附完整接入代码
ai编程·claude
*且听风吟9 小时前
kiro —— AI编程工具的安装指南
ai编程
花千树-01010 小时前
Java 接入多家大模型 API 实战对比
java·开发语言·人工智能·ai·langchain·ai编程
UXbot11 小时前
AI原型设计工具评测:从创意到交互式Demo,5款产品全面解析
前端·ui·设计模式·ai·ai编程·原型模式
好运的阿财11 小时前
大模型热切换功能完整实现指南
人工智能·python·程序人生·开源·ai编程
小村儿11 小时前
连载05-Claude Skill 不是抄模板:真正管用的 Skill,都是从实战里提炼出来的
前端·后端·ai编程
IT 行者11 小时前
Claude Code 源码解读 06:权限系统与 Hooks——安全与自动化的基石
ai编程·源码解读·claude code
小虎AI生活11 小时前
养个 AI 合伙人:Hermes Agent 保姆级部署教程
ai编程