工具集
全部 Skill、MCP、CLI 與 Plugin。可以依類型、職業、標籤篩選,也可以直接搜尋。
職業:前端开发 +4
共 934 項

阿里云 OpenAPI MCP Server
MCP阿里云官方的全量 OpenAPI MCP Server:按产品检索接口文档并直接发起调用,覆盖数万个阿里云接口。支持 OAuth 或 AccessKey,能改动线上资源,按需收窄权限。
aliyun/alibabacloud-api-mcp-server37
Genesys Cloud MCP Server
MCP社区开发的 Genesys Cloud 联络中心 MCP:客服主管和质检人员可以让 agent 查询队列话务量、抽样会话,读取通话质量、情绪、话题和转写文本,用来做质检和话务分析。需要在 Genesys Cloud 组织里创建 OAuth 客户端并按工具授权,本机装 Node.js;作者说明项目仍在开发中。
MakingChatbots/genesys-cloud-mcp-server37
Budge
Skill在 Next.js App Router 项目中,agent 只改动单个 CSS 值或 Tailwind 类时,页面上会出现浮动调节条,用户用方向键微调数值、切换相关属性,回车复制修改提示、Esc 还原。需在 app/layout.tsx 引入 budge.design 托管的运行时脚本。
millionco/skills34
CC Figma Component
Skill读取 component-contracts 的组件契约 JSON,推导组件级令牌,在 Figma 中生成变体齐全、全部绑定变量的组件集。需先运行 cc-figma-tokens 建好 Primitives 与 Semantic 变量集合,并依赖 figma-use、figma-generate-library 技能与 Figma 访问令牌。
nvillapiano/component-contracts-figma34
CC Figma Tokens
Skill把 component-contracts 中 W3C DTCG 格式的令牌文件同步成 Figma 原生变量,建立 Primitives 与 Semantic 两个集合,按角色设置作用域与 Web 代码语法,先展示计划经确认后再写入。是 cc-figma-component 的前置步骤,依赖 figma-use 与 figma-generate-library 技能。
nvillapiano/component-contracts-figma34
Interactive Hit Areas
Skill修复相邻可交互元素之间的悬停与点击死区:图表柱、列表行、导航项、标签页等用 gap 或 margin 留白时,指针落在间隙里会失效或闪烁;改为让元素紧贴铺满各自的槽位,把视觉间距移到元素内部,附 React/Tailwind 示例。
millionco/skills34
Paper Flex
Skill通过 Paper MCP 把 Paper 画布中绝对定位的设计节点改成 flex 自动布局:先读取截图与计算样式算出间距,用 x-paper-clone 保留 SVG 与图片原样,处理层级顺序与阴影,最后对比截图确认与原稿一致。需要 Paper 设计工具及其 MCP。
millionco/skills34
Paper to Code Components
Skill把 Paper 设计稿(经 Paper MCP、Viewfinder 或导出的 JSX)实现为 React/Next.js 代码前先梳理层级、识别可复用组件;每个图标单独成组件,任意值收进 globals.css 令牌,优先复用 shadcn 组件,移植真实字体,图表按数据建模。
millionco/skills34
Reconcile Paper Sync
Skill当由 Paper 设计稿实现的应用看起来「有点不对」时,以本地 paper-sync 项目为基准核对修复:先移植真实字体,再从 .canonical 导出文件读取精确的字号、颜色与装饰,对运行中的应用与对应画板截图比对,并区分转换偏差与设计版本变化。
millionco/skills34
Tailwind Token Consolidation
Skill在保持视觉不变的前提下减少 Tailwind v4 globals.css 中的设计令牌:先建立用法映射算出仍在使用的令牌,删除无用令牌、合并亮暗模式下都相近的值,用脚本统一重命名代码中的类名,每轮跑类型检查、lint 与构建验证。
millionco/skills34
Tolgee CLI
CLI开源本地化平台 Tolgee 的官方命令行:从代码里抽取待翻译文本,把词条推送到 Tolgee、拉回最新译文,并比对本地与平台的差异。可用 Tolgee Cloud 或自建实例,需要 Node.js 18 以上,以及个人访问令牌或项目 API Key(用 tolgee login 保存)。
tolgee/tolgee-cli34
Browser Use
PluginBrowser Use 官方插件:接入 Browser Use MCP 服务,让 Claude 操控本机 Chrome 或云浏览器,完成浏览、数据提取、填表、网站测试与截图。需安装 uv,云浏览器需登录或 API Key。
browser-use/plugins31
Langfuse Observability Plugin
PluginLangfuse 官方插件:通过钩子把 Claude Code 会话中的提示词、模型调用、token 用量与成本、工具调用和子代理上报为 Langfuse trace,便于监控与复盘。需要 Langfuse 密钥(支持自托管),以及 uv 或 Python 3.10+。
langfuse/claude-observability-plugin30
Sync Figma Token
Skill在代码里的设计令牌与 Figma 变量之间做同步:先把两边整理成统一格式,按值、别名、模式、作用域等类别列出差异并给出预演结果,必须等用户确认后才写入,默认只归档不删除,每次运行把报告存成 JSON。需要 Figma MCP,需手动调用。
firebenders/sync-figma-token-skill27
AWS Startup Advisor
PluginAWS 官方为初创公司出的插件:解答 AWS Activate 云额度的申请条件和 60 多项创业优惠,按融资阶段、团队规模和资金能撑多久给出架构与成本建议,也能规划从 GCP、Azure、Heroku 迁移到 AWS。需安装 Claude Code;查额度与优惠不需要 AWS 账号,迁移和搭建项目要配合代码仓库,成本估算仅供参考。
awslabs/startups27
Product Launch Video
Skill用 Remotion(React)制作产品发布、宣传与功能介绍视频:先问清产品、受众、时长、配音与发布平台等 9 个问题,提出 2–3 个视觉方向供选择,写出 storyboard.json 分镜后再编码,按需生成配音与补充素材。
memex-lab/product-launch-video-skill25
ModelScope MCP Server
MCP魔搭社区(ModelScope)官方 MCP:搜索模型、数据集、创空间应用、论文与 MCP 服务并查看详情,还能调用文生图与图生图;需要魔搭 API Token。
modelscope/modelscope-mcp-server25
Pigment AI Plugins
PluginPigment 官方插件:打包 Pigment MCP 服务和 30 多个建模知识技能,用自然语言查询经营数据、对比预算与实际;开启高级模式后可搭建预算与预测模型、指标和看板。需要企业 Pigment 账号并在工作区开启 MCP,分析结果需财务人员复核。
gopigment/ai-plugins23
OpenCage Geocoding MCP Server
MCPOpenCage 官方 MCP:把地址或地名转成经纬度,或由坐标反查地址,同时返回所属行政区、时区等信息,还能查看 API 剩余额度。适合对话中少量查询,成批处理官方建议改用其命令行工具。需要 OpenCage API Key(可免费试用)和 Node.js 20 以上,要克隆仓库、安装依赖后在客户端里手动配置。
OpenCageData/opencage-geocoding-mcp19
Datadog
Plugin在 Claude Code 中预置 Datadog MCP,用自然语言查询日志、指标、链路追踪、看板与告警,排查线上问题。Datadog 官方维护,需要 Datadog 账号(OAuth 或 API Key),目前为预览版。
datadog-labs/claude-code-plugin19
Grafana AI Marketplace
PluginGrafana 官方插件市场,含托管 Grafana Cloud MCP、本地 mcp-grafana 与 Grafana Assistant 三个插件,覆盖看板、数据源、Prometheus/Loki 查询、告警与事件管理,支持 Claude Code 与 Codex。
grafana/ai-marketplace19
Mixpanel Headless
CLIMixpanel 官方命令行 mp(附 Python 库),查事件趋势、漏斗、留存与用户路径,管理看板、报表和用户分群,适合产品经理和运营做数据复盘。需 Python 3.10+ 和 Mixpanel 账号,首次运行 mp login 在浏览器授权;目前为预发布版,接口可能变动。
mixpanel/mixpanel-headless19
腾讯云 CLS 日志 MCP Server
MCP腾讯云官方的日志服务 CLS MCP Server,让 agent 按条件检索日志、看日志主题与统计,排障时不必自己翻控制台。用腾讯云 SecretId / SecretKey 鉴权。
Tencent/cls-mcp-server18
Icons8 MCP Server
MCPIcons8 官方远程 MCP:在 42 万个图标、132 种风格里检索和预览,把图标直接放进网页或项目,也能整套替换现有图标风格。登录 Icons8 账号即可免费获取高清 PNG(需署名链接),SVG 需付费订阅。
icons8/icons8-mcp17