探索 MCP Server 与 Agent Skill

io.github.catlog22/Claude-Code-Workflow/team-frontend-debug

使用 Chrome DevTools MCP 的前端调试团队。双模式——按功能清单测试或按缺陷报告调试。触发词：“team-frontend-debug”、“frontend debug”

Open Harness 部署向导

io.github.vercel-labs/open-agents/deploy-open-harness

引导用户收集部署自己一份 Open Harness 所需的凭据，在 Vercel 上部署本仓库，并完成首次运行设置。用于部署、自托管、配置凭据，或上手本应用分叉等请求。

CSS 基础

io.github.InugamiDev/ultrathink-oss/css-foundations

统一的 CSS/样式基础 —— CSS 架构（模块化、CSS-in-JS、层叠层、容器查询）、CSS 自定义属性（设计令牌、主题化、运行时修改）、CSS Grid（模板、自动放置、subgrid）、暗色模式实现、响应式设计模式（流式排版、容器查询、宽高比）、通用动画模式、Framer Motion、Tailwind animate 插件。

Docker

io.github.Altinn/altinn-studio/docker

管理工作流引擎的 Docker Compose 栈。在启停容器、重建镜像或重置数据库时使用。

移动应用

io.github.popup-studio-ai/bkit-claude-code/mobile-app

移动应用开发指南——跨平台的 React Native、Flutter、Expo。触发词：mobile app、React Native、Flutter、Expo、iOS、Android、모바일 앱。

CSS 忍者

io.github.aAAaqwq/AGI-Super-Team/css-ninja

精通 Tailwind、CSS-in-JS、响应式布局、动画与现代样式模式。使用时机：(1) 响应式布局实现，(2) Tailwind CSS 安装与定制，(3) CSS-in-JS（styled-components、emotion），(4) 复杂布局（Grid、Flexbox），(5) CSS 动画与过渡，(6) 暗色模式实现，(7) 组件样式体系，(8) CSS 架构（BEM、原子化）。触发词："responsive"、"Tailwind"、"styled-components"、"CSS grid"、"flexbox"、"animation"、"dark mode"、"layout"。

代码导览 CodeTour

io.github.github/awesome-copilot/code-tour

用于创建 CodeTour .tour 文件——面向特定读者角色、带真实文件与行号链接的分步讲解。触发语："create a tour""make a code tour""generate a tour""onboarding tour""tour for this PR""tour for this bug""RCA tour""architecture tour""explain how X works""vibe check""PR review tour""contributor guide""help someone ramp up"，以及任何为代码编写结构化讲解的请求。支持 20 种开发者角色（新入职、修 bug、架构师、PR 评审者、vibecoder、安全评审者等）、全部 CodeTour 步骤类型（file/line、selection、pattern、uri、commands、view）及 tour 级字段（ref、isPrimary、nextTour）。适用于任意语言的任意仓库。

frontend-design（报告 HTML 美化）

io.github.microsoft/agent-academy/assets

在生成报告、表格或邮件输出时，用本技能产出精致、自包含、响应式的 HTML。

Gas Town Cursor 预设

io.github.gastownhall/gastown/gas-town-cursor

使用 Cursor agent 预设（cursor-agent CLI）开发并运维 Gas Town：gt 标志、位于 .cursor/hooks.json 的钩子、会话续接，以及本仓库与 README 营销文案的差异。

SQL 查询

io.github.minicoohei/ai-agent-camp/sql-queries

在主流数据仓库方言下编写准确且高性能 SQL 的技能。在“写一段 SQL”“优化查询”“用 BigQuery 聚合”等请求时触发。

自动化助手

io.github.girijashankarj/cursor-handbook/automation-helper

设计并创建自动化工作流 —— shell 脚本、Cursor 钩子、GitHub Actions、cron 任务与任务运行器。当用户要求自动化某个流程、编写脚本或搭建工作流时使用。

Cursor 手册安装

io.github.girijashankarj/cursor-handbook/cursor-setup

通过克隆、配置并校验 .cursor 目录，在新项目中装好 cursor-handbook。当用户要求安装 cursor-handbook、初始化新项目或引导 Cursor 配置时使用。

Golem 部署

io.github.golemcloud/golem/golem-deploy

部署 Golem 应用。在被要求把 Agent 部署到 Golem 服务器、更新运行中的 Agent 或排查部署问题时使用

CI/CD Docker 基础设施

io.github.NeverSight/learn-skills.dev/infra-ci-cd-docker

面向 Node.js/TypeScript 开发与生产环境的 Docker 容器化模式。

安全扫描

io.github.zereight/gitlab-mcp/security-scan

面向代码变更的快速安全扫描工作流，启动一次聚焦的安全排查。激活时机：安全扫描、查找漏洞、检查密钥、安全检查、运行安全审计、检查依赖

css-shared-first

io.github.schalkneethling/masonry-gridlanes-wc/css-shared-first

编写响应式样式时应用 Shared First CSS 方法论。凡编写或审查涉及媒体查询、响应式布局、视口特定覆盖或断点驱动设计的 CSS 都应使用。当用户要求编写响应式 CSS、重构移动优先 CSS，或组件/布局含视口特定样式时触发。本技能取代移动优先的模式指导——除非用户明确要求移动优先，否则一律优先 Shared First。

css-token-use-validator

io.github.schalkneethling/masonry-gridlanes-wc/css-token-use-validator

对照令牌定义校验 CSS 自定义属性的使用。当用户想检查 CSS 变量是否正确定义、查找未使用的令牌、检测 var() 引用中的拼写错误、审计自定义属性，或在 Figma 设计文件与代码之间同步时使用。支持单文件、目录或整个项目，可作为 Claude Code hook 在 CSS 编辑后自动校验。

触发式自动化

io.github.SkeneTechnologies/skene/automations

基于触发器的自动化，支持动作序列与运行历史。

SwiftUI 视图重构

io.github.vabole/apple-skills/guide-swiftui-view-refactor

重构并评审 SwiftUI 视图文件，默认实践包括拆分为小型专用子视图、MV 优于 MVVM、稳定视图树、显式依赖注入以及正确使用 Observation。适用于整理 SwiftUI 视图、拆分过长 body、移除内联动作或副作用、减少计算属性 `some View` 辅助函数，或统一 `@Observable` 与视图模型初始化模式。