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

阿里云 OpenAPI MCP Server
MCP阿里云官方的全量 OpenAPI MCP Server:按产品检索接口文档并直接发起调用,覆盖数万个阿里云接口。支持 OAuth 或 AccessKey,能改动线上资源,按需收窄权限。
aliyun/alibabacloud-api-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
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
腾讯云 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
Crowdin Skills
PluginCrowdin 官方插件:内置 Crowdin MCP,本地化经理和译员可在 Claude Code、Cowork 或 Codex 里用对话管理项目与译文,另有术语表生成、译员上下文补充、译文起草并上传待审、「在 Crowdin 里怎么做」问答等技能。需 Crowdin 账号并在浏览器授权;起草译文和上传术语表还要装好并登录 Crowdin CLI。
crowdin/skills10
Zeplin MCP Server
MCPZeplin 官方 MCP:把页面与组件标注、切图、设计令牌和设计师注释交给 agent,帮开发更准确地还原设计稿,适合设计交付环节。需要 Zeplin 账号、个人访问令牌和 Node.js 20 以上。
zeplin/mcp-server10
Cloudinary MCP Servers
MCPCloudinary 官方 MCP 合集:用对话上传、搜索和变换图片与视频,管理上传预设与结构化元数据,做 AI 内容分析、审核和自动打标签,适合维护设计与营销素材库。需 Cloudinary 账号,部分功能要付费套餐;下面的命令只接入素材管理服务器,其余服务器可按同样方式添加。
cloudinary/mcp-servers10
腾讯云联网搜索 MCP
MCP腾讯官方的联网搜索 MCP Server,基于腾讯云 Web Search(搜狗信源)做网页检索。用 SecretId / SecretKey 鉴权,接口需先在控制台开通并按调用计费。
Tencent/WebSearchMCP8