도구

Builds frosted and liquid-glass UI: backdrop-filter blur, translucent fills, bright edge highlights and layered shadows, SVG displacement for refraction, hover, scroll and entrance motion, plus accessible reduced-transparency fallbacks.

Integrates Lottie and dotLottie animations from After Effects into web, iOS, Android and React Native: playback and segment control, scroll- or hover-driven interactivity, runtime theming and recoloring, plus an After Effects export checklist.

Adds functional UI micro-interactions with Framer Motion (motion/react) and modern CSS: hover and press feedback, toggles, toasts, drawers, modals, list reorder and shared-element transitions, with 100-250ms timings, asymmetric enter and exit easing, and reduced-motion support.

Animates SVG with stroke draw-on effects, path morphing via GSAP MorphSVG or Flubber, motion along a path, animated icon state changes, and gradient or filter animation, choosing between CSS, SMIL and GSAP per task.

Official agent-first CLI from fal: search and run 1,200+ image, video and speech generation models on fal.ai, check parameters and pricing, upload inputs and download results, with structured JSON output. Good for batch image and promo asset generation. Needs a fal.ai API key, billed per use.

Pulumi's official skills: Pulumi program best practices, components and the Automation API, ESC secrets and config, debugging failed pulumi up runs, and migrating from Terraform, CDK, CloudFormation or ARM to Pulumi.

Pulumi's official plugin marketplace: write infrastructure as code in TypeScript, Python, Go and more, migrate from Terraform, CDK, CloudFormation or ARM, and manage ESC secrets and config. Works with both Claude Code and Codex.

Trello's official hosted MCP, maintained by Atlassian: after OAuth authorization of one workspace, agents can search boards, create and move cards, maintain checklists and tidy the inbox, without permanently deleting data. Works on any Trello plan.

Runway's official plugin: agents batch-generate videos, images, voiceovers and sound effects from one prompt, for ad variations, product videos and multi-shot shorts; also helps developers integrate Runway into apps. Needs a Runway developer account ($10 minimum top-up), an API key and uv.

Turns a topic, rough notes or an outline into an animated web slide deck. Invents a custom theme, shows a two-slide preview and builds the full single-file HTML deck with speaker notes only after you approve. Also edits existing reveal.js decks and can export PDF or deploy.

Official MCP from Nutrient (formerly PSPDFKit): merge PDFs, convert between Office and PDF, OCR, watermark, redact personal data, add digital signatures, and extract fields from invoices and contracts. Files are processed in Nutrient's cloud; needs a free account (page-based credits) and Node.js.

Reconnects an existing Figma design to published design-system components. Backs up the frame, classifies each section as already connected, exact swap, compose from primitives or blocked, then replaces detached layers and local wrappers one section at a time. Needs Figma MCP.

Audits a Figma screen or component for design-system drift, read-only: shared primitives rebuilt as plain frames, hard-coded values instead of variables, and variant drift. Each finding cites structural evidence and may suggest a replacement. Outputs Markdown or JSON; needs Figma MCP.

Fixes one design-system finding in a Figma screen, typically from Audit Design System. Checks the fix is feasible, backs up only the affected node, applies the smallest change (swap instance, compose from primitives, bind tokens or align variant) and verifies it locally. Needs Figma MCP.

Pinecone's official plugin: bundles the Pinecone MCP server and /pinecone skill commands to create vector indexes, upsert data, search in plain language, or build a document Q&A assistant with citations from Claude Code. Needs a Pinecone API key (free sign-up); Assistant features also need uv.

Audits Web Audio API code for procedural UI sound synthesis: reusing one AudioContext, resuming when suspended, disconnecting nodes, exponential decay envelopes, noise for clicks and parameter choices, with findings reported as file:line.

Audits UI code for audio feedback: every sound needs a visual equivalent, an off switch and volume control, and should respect reduced motion. Sound is for confirmations and errors, not typing or decorative hovers. Also checks preloading, default volume and sound weight. Reports file:line findings.

HashiCorp's official MCP: lets agents manage Vault mounts, read and write KV secrets, enable PKI, create issuers and roles, and issue certificates. Needs a reachable Vault server and token; HashiCorp recommends using it only in trusted local environments.

Audits animation code against Disney's 12 principles adapted for the web, checking timing, easing, physics and staging rules such as user-initiated motion under 300ms and ease-out entrances, and reports findings as file:line.

Audits animation code for the right timing function: springs for gestures and interruptible motion, easing for system-driven state changes, linear for progress, and no animation for high-frequency interactions. Also checks spring parameters and durations. Reports file:line findings.

Official MCP for Norman, a German bookkeeping and tax service: create invoices (including ZUGFeRD e-invoices), categorize transactions, match receipts, preview and file VAT returns, and prepare GmbH/UG formation documents. Needs a Norman account (OAuth); a tax advisor should review filings.

Guides the agent in building SVG icon components that morph between any two icons by moving lines instead of crossfading. Every icon uses exactly three lines, unused ones collapse to the center, and grouped variants rotate with springs. Examples use React and Motion and respect reduced motion.

TomTom's official MCP: geocoding and reverse geocoding, fuzzy and nearby search, single and multi-stop routing, reachable range, live traffic incidents, and static or dynamic maps. Needs a TomTom developer account and API key; use the hosted server (public preview) or run locally via npx.

Trivy's MCP plugin: lets agents scan local projects, container images and remote repositories for vulnerabilities and misconfigurations in plain language, optionally checking policy compliance via the Aqua platform. Requires Trivy; maintained by Aqua Security.