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

Narrow React Prop Types
Skill收窄 React 组件的 props 类型,使其只描述线上代码实际用到的状态:找出所有非测试、非 Storybook 的调用处,据此把每个 prop 定为必填、可选或删除,尽量从现有 API 推导类型,并让 stories、测试与 mock 适配新类型,而不是反过来放宽类型。
humanlayer/skills5.8k
pngquant
CLI有损 PNG 压缩命令行工具:把图片转成保留透明通道的 8 位 PNG,体积通常缩小 60%–80%,可整批压缩并设定质量区间,适合给公众号配图、课件插图和网页切图瘦身。macOS 可用 Homebrew 安装,无需账号。
kornelski/pngquant5.8k
Text-to-Lottie(Diffusion Studio)
Skill让 agent 按文字描述或 SVG 生成可上线的 Lottie 动画(图标动效、加载动画、数据动画等),自带本地播放器实时预览微调,导出的 JSON 可用于网页、App 或导入 After Effects。需要本机 Node.js 环境。
diffusionstudio/lottie5.7k
ExecuteAutomation Playwright MCP Server
MCP社区维护的 Playwright 浏览器自动化 MCP(ExecuteAutomation 出品,非微软官方):导航、点击、填表、截图、抓取页面文本,还能发送 HTTP 请求、断言网络响应、录制操作生成测试代码,内置 143 种设备模拟。
executeautomation/mcp-playwright5.7k
GitHub Agentic Workflows
CLIGitHub 官方 gh 扩展:用 Markdown 编写由 AI agent 执行的 Actions 工作流并编译为标准 Actions,可选 Copilot、Claude Code、Codex 等引擎,默认只读沙箱运行。需先安装 gh。
github/gh-aw5.6k
PySceneDetect
CLI自动检测视频里的镜头切换,按场景把长视频切成片段,并导出切点列表和每段缩略图,适合拉片、整理素材、找剪辑点。本地运行,需 Python 3.10+,切分视频还需 FFmpeg 或 mkvmerge。
Breakthrough/PySceneDetect5.4k
LM Studio CLI (lms)
CLILM Studio 官方命令行:列出、加载与卸载本地模型,启停本地 API 服务,查看运行状态与日志,ls、ps 等命令支持 --json 输出,便于脚本与 agent 调用。需先安装 LM Studio 桌面应用。
lmstudio-ai/lms5.4k
Lingo.dev CLI
CLILingo.dev 官方命令行:lingo push 把仓库里的 JSON、YAML、Markdown、PO、XLIFF、Android/Xcode 字符串等文件发给平台上的大模型本地化引擎翻译,lingo pull 取回译文,可接入 CI。需 Lingo.dev 账号,按量计费,有免费沙箱。
lingodotdev/lingo.dev5.4k
Mistral Vibe
CLIMistral 官方开源的终端编码助手:用 Mistral 模型读写代码、执行命令与搜索代码库,内置多种 agent 配置与子代理,支持 Skills、MCP 与 --prompt 脚本模式。需要 Mistral API Key。
mistralai/mistral-vibe5.4k
fontTools
CLI字体处理工具集:pyftsubset 按实际用到的文字裁剪字体并输出 WOFF2,给中文网页字体瘦身;ttx 把字体转成可读写的 XML,便于查看和修改。适合让 agent 批量处理字体文件。需要 Python 3.11+,安装时带 woff 扩展才能输出 WOFF2;裁剪商用字体前先确认授权允许。
fonttools/fonttools5.3k
WP-CLI
CLIWordPress 官方命令行工具,在终端里安装和更新插件主题、管理文章与用户、导入导出内容、执行数据库搜索替换、配置多站点,无需打开后台。需要 PHP 7.2.24 以上环境。
wp-cli/wp-cli5.2k
MCPorter
CLI在终端和脚本里发现、调用 MCP 服务器的命令行与 TypeScript 运行时:列出工具签名并直接调用工具,还能把 MCP 服务器生成独立 CLI 或类型化客户端;会自动导入 Claude Code、Codex 等已有的 MCP 配置。
openclaw/mcporter5.1k
designlang
CLI用无头浏览器读取任意网站的设计系统,一条命令导出颜色、字体、间距等设计令牌(DTCG)、Tailwind 配置、Figma 变量和品牌规范手册,还能给配色对比度与多页一致性打分;也可作为 MCP 服务或 Claude Code 插件使用。需要 Node.js,首次要下载 Chromium(也可改用已安装的 Chrome)。
Manavarya09/design-extract5.1k
Unlighthouse
CLI调用 Google Lighthouse 自动扫描整个网站(同类页面智能抽样),在本地网页界面里逐页汇总 SEO、性能和无障碍评分;另有 unlighthouse-ci 命令直接生成报告,便于 agent 读取。适合市场人员给官网做 SEO 体检。需要 Node.js 22.18 或更高版本。
harlan-zw/unlighthouse4.9k
Style Dictionary
CLI设计令牌(design token)构建工具:把颜色、字号、间距等设计规范写在一份 JSON 源文件里,运行 style-dictionary build 即可生成 CSS、SCSS、iOS、Android 等各端样式代码,让设计系统与各端实现保持一致。需要 Node.js 与 config.json 配置。
style-dictionary/style-dictionary4.9k
YouPlot
CLI在终端里绘制柱状图、直方图、折线图、散点图和箱线图,从标准输入读取 CSV/TSV,接在 shell 管道末尾就能快速查看数据分布。命令名为 uplot。
red-data-tools/YouPlot4.9k
Claude Plugins Community
PluginAnthropic 维护的社区插件市场只读镜像,收录 2000 多个经提交审核与自动安全扫描的社区插件,适用于 Claude Code 与 Claude Cowork。
anthropics/claude-plugins-community4.9k
Wrangler
CLICloudflare 官方 Workers 命令行,本地开发调试并部署 Workers,管理 D1、R2、KV 等资源并实时查看日志。官方推荐装在项目内,需要 Cloudflare 账号。
cloudflare/workers-sdk4.7k
Azure CLI
CLI微软 Azure 官方命令行(az),管理虚拟机、存储、资源组等 Azure 资源,支持 JMESPath 查询与表格、JSON 等输出格式,脚本场景有明确的退出码。使用前需 az login 登录。
Azure/azure-cli4.7k
trash-cli
CLI把文件移进回收站而不是直接删除,可以列出、恢复、清空已删文件,agent 误删的内容还能找回。遵循 FreeDesktop.org 回收站规范,与 GNOME、KDE 共用同一个回收站。
andreafrancia/trash-cli4.6k
Firebase MCP Server
MCP让 agent 管理 Firebase 项目:读写 Firestore 与实时数据库、管理 Auth 用户、校验安全规则、查看 Crashlytics 崩溃与函数日志。Firebase 官方维护,需先登录 Firebase CLI。
firebase/firebase-tools4.5k
Firebase CLI
CLIFirebase 官方命令行:部署 Hosting、Cloud Functions 与安全规则,启动本地模拟器,读写数据库并导入导出用户;同仓库还提供官方 Firebase MCP 服务器。需要登录 Firebase 账号。
firebase/firebase-tools4.5k
Gemini API Dev
Skill教 agent 用最新的 Gemini API 与 Python / TypeScript SDK 写代码:多轮对话、函数调用、结构化输出、图像与语音生成,并避开已弃用的旧模型。Google Gemini 团队维护。
google-gemini/gemini-skills4.5k
Gemini Skills
SkillGemini API 开发技能合集:gemini-api-dev(通用 API 与 SDK)、gemini-live-api-dev(实时音视频双向流)与 gemini-omni-flash-api(Omni 视频生成与编辑),补齐模型训练截止后的新接口知识。Google Gemini 团队维护。
google-gemini/gemini-skills4.5k