常见技能和mcp

mcp playwright就是把 Playwright 封装成 MCP 标准工具供 AI 调用浏览器。它不靠截图 / 视觉大模型看图而是读取浏览器无障碍树Accessibility Tree返回结构化文本快照页面每个按钮 / 输入框会分配唯一元素 IDrefe5这种标记。LLM 直接通过 ref 去点击、输入稳定、token 消耗更低不会像截图识别那样容易识别错元素context7专门给 AI 代码助手实时拉取【指定版本】的第三方库官方文档用来解决大模型知识库过时、API 幻觉问题。核心解决痛点大模型有知识截止日期写新框架新版本代码时经常编造不存在 API、给出已经废弃的旧写法。Context7 预先索引上万开源库文档AI 可以按需检索拿到对应版本官方文档 可运行代码示例再写代码减少幻觉。FirecrawlAI Agent 用的「网页检索 爬虫 MCP 服务」把网页自动清洗成干净 Markdown/JSON专门用来让 AI 实时上网读网页、爬网站、提取结构化数据skillsfrontend-design它修改 AI 思考流程强制 AI 先做设计规划再写前端代码解决 AI 生成页面千篇一律的 “AI 流水线 UI” 问题。ui-ux-pro-max比 frontend-design 更强、带本地检索设计素材库的 Claude Code Skill给 AI 内置海量 UI/UX 素材库自动生成完整设计系统产出专业 B 端 / SaaS 界面代码大幅减少 AI 生成的廉价流水线 UIgrill-me在动手写代码前把你的方案 / 架构 / 产品方案做压力测试AI 化身面试官层层拷问挖出隐藏假设、边界条件、取舍权衡把模糊想法打磨成严谨可落地方案find-skills一句话帮你在 Skill 生态市场搜索、发现、推荐现成 Claude Skill并直接给出一键安装命令skill-creator技能生成器一句话交互式引导你从零编写、打包自定义 Claude SkillSKILL.md没有现成 skill 的时候自己造一个工作流程引导你描述目标场景、触发条件、执行步骤、输出格式一步步收集规则、边界 case、反模式自动生成完整 SKILL.md 模板带 yaml 头部元信息生成后可以直接安装到本地 Claude Code支持测试、微调产出的 skill 可以自己用也可以开源分享trae 自带技能1. TRAE-generate-mini-app描述当用户意图涉及小程序、Taro、微信小程序、跨端小程序等任何包含小程序的意图时用于生成基于 Taro 框架的高质量、可运行的多端小程序代码。触发条件只要提到微信小程序 / Taro / 跨端小程序自动激活能力输出 Taro 完整可运行代码兼顾多端微信、H5 等不是零散代码片段适合快速生成小程序页面、组件、Taro 工程脚手架. ### TRAE-debugger描述用于调试需要收集运行时证据的复杂问题。它会启动一个调试服务器通过 HTTP 收集日志然后遵循科学的调试流程假设 → 插桩 → 复现 → 分析 → 修复 → 验证。适用于仅通过静态代码分析无法诊断的问题。核心亮点不只看源码支持采集运行时日志标准调试流水线假设问题根因插入日志 / 埋点插桩复现问题分析日志证据给出修复代码验证修复是否生效适用场景偶发 bug、并发问题、运行时报错静态代码看不出来的问题3. TRAE-code-review描述用于执行代码审查任务。适用于审查合并请求、代码差异并提供关于代码质量、正确性和最佳实践的结构化反馈。用途Code Review读 git diff、PR/MR 变更输出结构化评审报告潜在 bug安全风险性能隐患编码规范、最佳实践修改建议 修复示例代码OpenSpecOpenSpec 是一个轻量开发框架是规范驱动开发spec-driven development的 MCP 服务专门给 AI 编程助手Trae / Cursor / Claude Code用强制 AI先写设计方案spec再写代码避免 AI 直接上手写代码、需求跑偏、一次性爆大量 token。✅ 核心作用它会在你的项目里自动生成一套固定目录spec.md需求、设计、接口、约束的规范文档tasks.md拆分成可跟踪的任务清单变更提案、评审记录文件夹MCP 提供的工具能力创建 / 更新项目 spec 规范文档拆解需求到 tasks 任务标记任务完成状态创建变更提案change proposal支持评审、评论、审批校验 spec 文件格式、归档已完成需求配套网页看板可视化看项目任务进度工作流和 Trae 搭配你提需求 → OpenSpec 先产出 spec.md 设计文档 → 拆 tasks 任务 → AI 按任务逐个编码 → 每完成一项标记 task 完成不再是直接让 AI 一次性写全部代码天然减少超大上下文刚好解决你 Trae 额度快用完的痛点OpenSpec 一共 5 个核心 Skill工作流技能GitHub安装和初始化npminstall-gfission-ai/openspeclatest openspec init--toolsgithub-copilot