Herramientas

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.

Official VideoDB skills: agents ingest video from local files, URLs, YouTube or live streams, then transcribe, index, search clips by content, generate subtitles, edit and dub, returning playable links. Needs Python 3.9+ and a VideoDB API key (free credits on sign-up).

Microsoft's official MCP: query Clarity traffic, behavior metrics and session recordings in plain language, filtered by device, browser, country and more, to dig into landing page conversion. Needs Clarity installed on your site, a data export API token and Node.js.

Connects any FHIR-compliant EHR server (e.g. the Epic sandbox or HAPI) to agents to search, read, create and update patient clinical data in plain language, with SMART on FHIR auth. By WSO2. Needs a FHIR server URL, access token and uv; clinicians must review results.

Salesforce's official hosted MCP servers: after an admin enables them in Setup with an OAuth external client app, agents can query and update CRM records and run Flows under the user's permissions. Needs Enterprise Edition or higher, or a free Developer Edition org. Repo holds docs and Q&A.

Lets agents view, create and update Zendesk tickets and comments, read Help Center articles as a knowledge base, and use built-in prompts for ticket analysis and reply drafting. Each support rep signs in with OAuth after an admin registers an OAuth client. Install from source.

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.

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.

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.

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.

Sonar's official plugin bringing SonarQube checks into the agent coding loop: secrets-scanning hook, issue fixing, quality gates, coverage and dependency risk; with Vortex analysis on, every edit is checked. Needs SonarQube (free Community Build works), the sonar CLI and Docker.

From Twilio Labs: exposes Twilio's public APIs (SMS, voice, phone numbers, Serverless and more) as MCP tools generated from its OpenAPI specs, with filtering by service or tag. Needs a Twilio API key; marked as a proof of concept.

Shapes the agent's own replies rather than your documents: separates what changed from what was verified, cuts invented confidence, leads with the action and keeps load-bearing caveats. Manually invoked and stays on until you say stop; a script can enable it in CLAUDE.md or AGENTS.md.

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.

Official MCP (beta) from payments and POS platform Square: lets agents query and manage transactions, orders, refunds, invoices, inventory and customers for reconciliation and reporting. Hosted, with Square OAuth sign-in, nothing to install; confirm refunds and other writes manually.

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.

PostHog's official plugin with a built-in MCP and 30+ skills: query product analytics, feature flags, A/B experiments, dashboards and error tracking from chat, and optionally send Claude Code sessions to LLM Analytics. Needs OAuth sign-in with a PostHog account.

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+.

Fixes janky web animation by moving width, height, position and box-shadow animations onto compositor-only transform and opacity, using pseudo-element opacity for shadows and the FLIP technique for layout changes and height: auto, to reach smooth 60/120fps motion.

Builds animations out of text characters: brightness-ramp mapping with cell aspect correction, generative ASCII fields, image, video and Three.js scene to ASCII conversion, and terminal intros or loaders, rendered with <pre>, canvas or ANSI output.

Applies tiered prefers-reduced-motion handling instead of disabling everything: removes vestibular triggers like parallax and scroll hijacking, softens large movement into short fades, and keeps essential motion. Covers CSS and JS gating for GSAP, Framer Motion and Lenis, per WCAG 2.3.3.

Guides code-driven web motion with GSAP: timelines, ScrollTrigger pinning and scrubbing, horizontal scroll sections, SplitText reveals, Flip layout transitions, and syncing with Lenis or Locomotive smooth scroll to avoid jitter and broken pins.