mattpocock-skills

7 阅读2分钟

一、每个技能是什么?怎么用?👇

1) /grill-me(需求拷问机 → 替代 Plan 模式)

作用

AI 疯狂问你问题,不问清楚需求绝对不写代码。避免:需求模糊 → 写出来不对 → 返工。

什么时候用?

  • 写新组件
  • 做新功能
  • 需求不确定
  • 想让 AI 一次性写对

怎么用?

  1. 打开 Cursor 聊天

  2. 输入

    plaintext

    /grill-me
    我要做一个 Vue3 表单组件
    
  3. AI 会问你:

    • 要哪些字段?
    • 校验规则?
    • 样式?
    • 交互?
    • 提交逻辑?
  4. 你回答完 → AI 自动生成最精准的代码


2) /diagnose(BUG 自动诊断医生)

作用

你把报错 + 代码贴给它它自动定位问题 → 告诉你原因 → 给你修复方案

什么时候用?

  • 控制台报错
  • 接口请求失败
  • 页面不渲染
  • 逻辑不生效
  • 样式不生效

怎么用?

  1. 选中报错代码

  2. 输入

    plaintext

    /diagnose
    
  3. 它会:

    • 分析错误
    • 定位根因
    • 告诉你怎么改
    • 不随便改你代码

3) /improve-codebase-architecture

作用

**只审查、只建议、绝对不改你代码!**检查:

  • 代码坏味道
  • 性能问题
  • 可维护性
  • 规范问题
  • 架构问题
  • Vue 写法是否标准

什么时候用?

  • 写完代码想自查
  • 不想让 AI 改代码
  • 想提升代码质量
  • Code Review 前自己先过一遍

怎么用?

  1. 选中你要审查的 Vue 代码

  2. 输入

    plaintext

    /improve-codebase-architecture
    
  3. 它会输出:✅ 问题列表✅ 优化点✅ 规范建议✅ 绝对不修改代码


4) /tdd(测试驱动开发 → 代码超级稳)

作用

先写测试 → 再写业务代码保证你的组件零 bug、健壮、可维护

什么时候用?

  • 公共组件
  • 工具函数
  • 表单验证
  • 复杂逻辑

怎么用?

plaintext

/tdd
帮我写一个 Vue3 数字输入框组件

5) /caveman(精简模式:AI 不啰嗦、超快)

作用

让 AI 说话极简、不废话、超快响应。适合:

  • 快速改代码
  • 快速查问题
  • 不想看长篇大论

怎么用?

plaintext

/caveman
优化这段代码

二、你日常开发最佳工作流(超级丝滑)

我给你一套你现在就能用的最强流程

写新组件 / 新功能

plaintext

/grill-me
我要做一个 XXX 组件

→ AI 问清楚需求→ 自动生成高质量代码

写完代码后

选中代码 →

plaintext

/improve-codebase-architecture

→ 只审查、只给建议、不改代码

遇到 Bug

选中代码 + 报错 →

plaintext

/diagnose

→ 自动定位问题

想让 AI 说话干脆

plaintext

/caveman

写稳定公共组件

plaintext

/tdd

三、一句话总结

  • /grill-me = 问清需求再写(Plan 模式升级版)
  • /diagnose = 查 bug
  • /improve-codebase-architecture = 只读 Review,不改代码
  • /tdd = 写稳代码
  • /caveman = 精简对话