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

前后对比

相关推荐
ZzT4 小时前
AI-SDLC 实践 05|开发阶段的工程结构:在一个主仓里跨多个仓库写代码
ai编程·claude
boombb4 小时前
AI Engineer in robotic系列:从地图导入到机器人执行:导览平台 MVP 技术设计与落地
机器人·ai编程
爱勇宝5 小时前
Claude Fable 5.2 发布后,开发者该关注什么
程序员·ai编程
挖掘狂人5 小时前
AI 把代码写得飞快,然后呢?聊聊我验收生成代码的一套流程
人工智能·程序员·ai编程
莪_幻尘5 小时前
4 个 3D 游戏,总体积 3.82MB:拆解 Claude 的 one-shot 工程链路
前端·ai编程·three.js
lucas_AI6 小时前
22 个开源项目公开拒绝 AI 代码:vibe coding 的账单,维护者不想买了
开源·ai编程
唐老板7 小时前
Postgres 慢查询,先取证再动手
数据库·ai编程
聪明的笨猪猪20 小时前
实际工程问题:AI 生成 Spring Cache(@Cacheable / @CachePut / @CacheEvict)缓存注解踩坑
java·经验分享·面试·ai编程
Hone21 小时前
juejin-skills 系列 ②:我把「看掘金热榜」也做成了 Agent 技能
开源·node.js·ai编程
小虎AI生活1 天前
Anatomy 接入 WorkBuddy 实操:一句话生成 12 零件可交互科普模型(附2组提示词)
aigc·ai编程