在职前端 Skill 和 MCP 分享

距离上一次分享已经过去好久,这次主要分享我在做迁移代码仓时用到的一些 skill,同时也移除了一些 mcp。

首先是 skills:

  • show-me 结合 ai 迁移代码往往有数不清的组件生成,复盘或者在研究性能问题时总还是需要了解对应模块或功能的组件关系和数据流走向的,该 skill 可以把复杂的逻辑非常直观地展现出来。
  • to-tickets 在迁移过程中,我已经沉淀了一套 spec 生成流程,所以不需要用到 matt 的 to-spec skill,而用 to-tickets,可以把已经制定好的功能清单再切细一些,生成几张小清单,不至于 agent 工作时无序错乱,这样开发后的验证有保障、且幻觉更少。
  • implement 该 skill 需要和 to-tickets 一起使用,在切好清单后,由它来实施功能开发,效果非常好。
  • resolving-merge-conflicts 多人开发或者上游有更新时使用,会追溯代码提交源头,分析上下游代码,最后解决冲突。
  • code-review 一个分支对应一个 issue,开发完以后调用,能够基于项目 rules 检查出不足之处,主要包括规范类和 spec 功能清单的检查。
  • code-simplifier 在代码行数超过 350 行时,我会用一下。

接下来是一批 mcp 的舍弃以及对应的替代方案。

本质上是把 mcp 方案换成 token 消耗更低的 skill 方案。playwrigt-cli 官网有一张图就能看出来:

如果是 Mac 电脑推荐使用 ego-lite 浏览器,它提供了 ego-browser skill,可以打开一个浏览器独立空间进行功能验证,且共享你的 cookie,页面上的 DOM 节点映射为 ref 节点更省 token,要比 playwright 好用不少。

相关推荐
liangshanbo12151 小时前
面试题:如何优化 Webpack 的打包速度?
前端·webpack·node.js
wengad2 小时前
从 wangEditor 迁到 wangEditor-next
前端·javascript·vue.js
Flynt2 小时前
hindsight实测:给AI助理装上"海马体",我先跟root权限和2G内存缠斗了一下午
开源·agent
孟健2 小时前
出海开发者资金合规:从港卡结汇到完税申报实操
后端·架构
乌暮3 小时前
深入理解 Java 泛型:把「万能盒子」用对、用稳
java·开发语言·后端·学习
一直在努力的小宁3 小时前
【阅读笔记】具身智能的真机数采,到了分水岭
人工智能·深度学习·机器学习·agent·具身智能·vlm·vln
行者-全栈开发3 小时前
【前端/JS框架】CVE-2026-3854:GitHub Enterprise Server X-Stat注入XSS漏洞深度剖析与紧急修复指南
前端·javascript·github
架构技术专栏3 小时前
Skill 有效性与稳定性评估:用对照、重复与证据判断价值
后端
效率工作实验室3 小时前
AI 智能体平台和 AI Agent 平台是一回事吗?概念怎么区分?
ai·agent·平台·智能体平台·智能体与