ツール

Diagnoses page-load and interaction performance from Chrome DevTools traces, network evidence and source code, covering Core Web Vitals, LCP and layout shifts. Separates measured values from estimates and hypotheses, and re-measures fixes under equivalent conditions.

Implements, debugs or audits how a website behaves on iPhone and iPad in Safari or added to the Home Screen, and on Mac when added to the Dock: safe areas, status and address bar tinting, theme color, overlays, keyboard, manifest, icons, splash screens and installed navigation.

Lets agents run the CodeRabbit CLI to review local changes, listing bugs and security issues by severity, and fix unresolved CodeRabbit comments on a PR after you confirm each one. Maintained by CodeRabbit; needs the CLI installed and signed in. Free tier available.

Official Alibaba Cloud MCP: query logs, metrics and traces from SLS, CloudMonitor and ARMS, with time-series comparison and natural-language-to-SQL. Needs an AccessKey; some AI tools are billed per call. The install uses the Python version (main branch is now a Go binary).

Miro's official plugin with the Miro remote MCP and three skills: draw codebase explanations on a board, run visual code reviews on the board, and turn board docs, diagrams and prototypes into development specs. Needs OAuth with a Miro account.

Applies a Swiss International Style design system with Tailwind CSS: a 12-column grid on an 8px base, IBM Plex Sans with light headings, a stone palette, hierarchy through opacity rather than hue, a single accent color, body text capped at 60ch, mobile-first layouts and dark mode.

Microsoft Translator's translation quality tool: GPT scores each sentence using MQM error categories or a direct score; --list_mqm_errors shows error types and severity. Needs line-aligned source and target files, Python and an OpenAI or Azure OpenAI key (paid); a translator should still review.

Styles elevated surfaces such as cards, dialogs, popovers and toasts with smooth-shadow-ring utilities instead of pairing a border or ring with a shadow, avoiding the double-edge look. Covers ring and shadow tinting, dark mode and overrides. Requires the shadow-plugin Tailwind plugin.

Webflow's official MCP: manage your site's pages, CMS content and blog posts by chat, and with the MCP Bridge App in the Designer, edit page elements and styles directly. Needs a Webflow account and Node.js 22.3+; first connection asks you to authorize sites.

Alibaba Cloud's official ops MCP: manage ECS, RDS, OSS, VPC and other resources in plain language, view CloudMonitor metrics, and analyze a project and deploy it to ECS. Needs an Alibaba Cloud AccessKey and uv.

Tencent Cloud's official CLI: call any Tencent Cloud API by product and action name to manage resources (e.g. tccli cvm DescribeZones), with multiple profiles, role credentials and JSON or table output for scripting. Needs a SecretId and SecretKey.

Lokalise's official CLI (lokalise2) covering the Lokalise API v2: upload and download language files and manage keys, translations, screenshots, translation tasks and contributors. Needs a Lokalise account (paid, 14-day free trial) and an API token passed via --token.

Lets agents inspect Alibaba Cloud ACK clusters, run kubectl operations, query Prometheus metrics, control-plane and audit logs, and run resource diagnostics and health checks. Maintained by Alibaba Cloud; needs an AccessKey and cluster RBAC permissions.

Jenkins plugin that turns Jenkins itself into an MCP server: agents can list jobs, trigger and rerun builds, page through and search build logs, and view test results and SCM info. Hosted in the official jenkinsci organization; authenticates with a Jenkins API token over Basic auth.

Guides building small always-on WebGL visuals (avatars, ambient orbs, glass and iridescent surfaces) inside product UI: one shared context, a single capped frame loop, cheap fragment shaders, context-loss handling, a mandatory non-WebGL fallback, and React SSR and Server Components pitfalls.

Diffs a live page's accessibility violations against a baseline, stashing uncommitted changes by default or comparing with a branch, and reports new, fixed and pre-existing WCAG issues with selectors and fixes. Locates only, no edits. Runs AccessLint's Chrome and CLI tools via npx.

Runs the AccessLint rule engine against a live page and returns a worklist of WCAG 2.2 violations, each with its DOM selector, source file and line when mapped, evidence and a suggested fix. Locates without editing; sets up a debuggable Chrome and runs the CLI via npx.

Makes the agent use Tailwind container queries instead of viewport breakpoints for responsive components, migrating sm:/md:/lg: classes to @container variants. Explains when page-level layout should keep viewport breakpoints and lists common review mistakes. Tailwind v3 needs a plugin.

Neon's official plugin combining the Neon MCP and skills to manage serverless Postgres: projects and branches, object storage, Functions and the AI Gateway. Signs in to Neon via OAuth the first time you use the MCP.

Connects to GeoServer's REST API so agents can manage workspaces, data stores, layers and styles, run CQL spatial queries, and access features and render maps via WMS/WFS, for publishing and maintaining map services. Needs a running GeoServer with an admin account, Python 3.10+ and uv.

Analyzes your codebase and generates a render.yaml Blueprint, or creates services directly through the Render MCP, to deploy apps to Render. Maintained by Render and included in OpenAI's curated skills. Needs a Render account and code pushed to GitHub, GitLab or Bitbucket.

MLflow's official skills plugin: lets coding agents add MLflow Tracing to LLM apps, analyze failed traces, build evaluation datasets and scorers, and query token and latency metrics, closing the instrument, evaluate, iterate loop. Needs MLflow 3.8+.

SimpleLocalize's official CLI: upload and download translation files, trigger machine and AI auto-translation, publish translations to the CDN, and extract translation keys from source code for CI. Needs a SimpleLocalize account and project API key; paid service with a 14-day free trial.

Zendesk's official CLI: preview, import and publish Help Center themes locally, and create, package and deploy Zendesk apps such as ticket sidebar apps. Needs a Zendesk account, Node.js 20.17+ and yarn, some HTML/CSS for themes; run zcli login first.