TRAE 官方教程：急急如律令，爆款 Skill 推荐第二弹！

上一篇跟大家推荐了几款 TRAE Skills，发现好多朋友转发、收藏、点赞！看来大家都和我一样，喜欢抄作业，哈哈！那就兑现之前的承诺，再给大家开一篇，再来一弹，大家按需自取！

昨天有兄弟留言，说项目前期用别人写的 skill，但随着项目逐渐成熟，他会让 Trae 理解项目，然后创建自己的 skill，可以最大限度的避免踩过的坑，让skill更加贴近自己的项目。我理解就是别人的 skill 自己本地化，大家可以尝试一下。

一、前端优化类

1. cache-components（Next.js缓存组件优化）

开源地址：
https://github.com/vercel/next.js/tree/canary/.claude-plugin/plugins/cache-components/skills/cache-components
推荐理由：Vercel专为Next.js打造，适配PPR特性，无需手写缓存逻辑，自动处理组件缓存。
实测效果：页面加载提速60%，缓存逻辑开发时间节省90%，自动适配动态渲染、Server Action失效逻辑。
注意：仅适配开启cacheComponents: true的Next.js项目，Vue / Angular暂不支持。

二、全栈开发类

2. fullstack-developer（全栈开发全能插件）

开源地址：
https://github.com/shubhamsaboo/awesome-llm-apps/tree/main/awesome_agent_skills/fullstack-developer
推荐理由：覆盖JS/TS、React/Next.js等技术栈，一键落地Web项目，搞定接口、数据库、权限等全流程。
实测效果：2小时内自动生成完整项目，含注册、登录等全功能，符合RESTful规范。
注意：默认JS / TS栈，需指定才能适配Java / Python / Go等技术栈。

3. frontend-code-review（前端代码专项评审）

开源地址：
https://github.com/langgenius/dify/tree/main/.agents/skills/frontend-code-review
推荐理由：专检.tsx/.ts/.js文件，自动揪出性能、语法问题，直接给出优化方案。
实测效果：前端Bug检出率提升70%，Code Review效率翻倍，精准定位性能、渲染类问题。
注意：可通过配置文件自定义评审规范，贴合实际业务调整。

4. code-reviewer（通用全场景代码评审）

开源地址：
https://github.com/google-gemini/gemini-cli/tree/main/.gemini/skills/code-reviewer
推荐理由：Google Gemini出品，适配前后端/移动端，自动评审PR，覆盖准确性、安全性等维度。
实测效果：Java项目PR评审耗时减少80%，揪出SQL注入、异常处理缺失等问题。
注意：支持自定义规则，需配置Git仓库权限实现PR自动评审。

5. webapp-testing（Web应用自动化测试）

6. pr-creator（PR自动生成与规范校验）

开源地址：
https://github.com/google-gemini/gemini-cli/tree/main/.gemini/skills/pr-creator
推荐理由：Google Gemini打造，自动生成规范PR，校验lint、单元测试，适配团队提交规范。
实测效果：React项目PR生成仅1分钟，自动填充描述，确保CI全通过。
注意：需配置Git仓库权限，提前定义PR模板和测试规则。