Herramientas

Adds thin vertical guide lines at the content container edges plus small corner squares for a measured, structured layout, with CSS tokens and pseudo-element code that keeps guides behind content and out of pointer events.

Turns a fuzzy UI idea into a design-first prompt spec for UI generation: goal, format, layout, type system, color, imagery, exact copy, constraints and negative prompt, then iterates by changing one variable at a time.

Builds cinematic, scroll-driven product storytelling with GSAP ScrollTrigger: pinned scenes, scrubbed timelines, progressive UI reveals and section handoffs, with cleanup in React, simpler choreography on small screens and readable copy and CTAs.

Implements 2D physics interactions with Matter.js: a minimal Engine, Render and Runner setup with bodies, optional mouse drag constraints and SPA cleanup steps, asking about canvas size and renderer when specs are missing.

Helps the agent add or debug web animations with GSAP: tweens, timelines and position parameters, easing, stagger and ScrollTrigger pin and scrub, plus fixes for jank, cleanup with gsap.context() in React and refreshing after images load.

Designs or rewrites a single-offer, high-converting landing page for SaaS, apps or services: gathers the primary action, audience, objections and proof, then lays out hero, argument and objection-handling sections with copy templates and SEO/AEO notes.

Guides the agent to build a coherent, product-grade web motion system in the style of Stripe, Linear, Apple and Vercel: reusable primitives, duration and easing defaults, stagger choreography, scroll and hover patterns, performance rules and reduced-motion support.

Adds a lightweight interactive WebGL globe with the cobe library: canvas sizing for device pixel ratio, location markers, rotation in onRender, resize handling and teardown, for plain pages or React/Next.js hero sections.

Designs or rewrites a high-converting SaaS pricing page: gathers plans, limits, upgrade triggers and objections, then structures a value headline, monthly/annual toggle, tiered plans, comparison, FAQ and trust sections with copy templates.

Gives the agent three exact Tailwind arbitrary-value shadow utilities (sm, md, lg) for layered, neutral elevation on cards, controls, popovers and hero media, with rules against mixing them with default shadows, tinting or stacking.

Has the agent use Iconify Simple Icons brand marks instead of typed company names in logo rows, integration grids and partner lists, sized in a 64x64 box, monochrome by default, grid-aligned and labeled for accessibility when needed.

Adds scroll-reveal animations that fire when elements enter the viewport, using an IntersectionObserver snippet plus keyframes and a Tailwind arbitrary animation class; tune threshold, rootMargin, duration, delay and play-once behavior.

Hands your current browser session to the agent through a Chrome extension: read console logs and network requests, take screenshots, and run Lighthouse performance, accessibility and SEO audits without signing in again.

Converts and two-way syncs Jupyter notebooks with plain Python scripts or Markdown, so agents can edit research and teaching notebooks like ordinary text and diffs stay readable. Needs a local Python environment; install with pip.

Open-source AI-native vector design tool with an MCP server built into its desktop app, connectable to Claude Code or Codex in one click. Agents read and edit .op designs in natural language, apply style guides and export React, Vue, Flutter or SwiftUI code. Needs the desktop app.

Cleans a LaTeX project before arXiv submission: removes comments, auxiliary files and unused .tex files and images, and can compress images, so internal notes are not published with the source. From Google Research; installable with Homebrew on macOS.

Python library and CLI for extracting main web content: fetches pages, crawls via sitemaps and RSS feeds, strips headers, footers and other noise, and outputs TXT, Markdown, JSON, XML and more with metadata. Also processes downloaded HTML offline.

Uses a Figma plugin and a local WebSocket server so agents can read and directly edit designs: create frames and text, adjust auto layout and styles, and replace copy in bulk. Requires Bun; now maintained by Grab.

Anthropic's official OS-level sandbox CLI: restricts file and network access for agents, MCP servers and any command without containers, using sandbox-exec on macOS and bubblewrap on Linux. Currently a research preview.

Guides the agent through captions in Remotion videos: stores them as JSON using the Caption type from @remotion/captions, transcribes audio or video to generate them, imports .srt files, and displays and animates them in compositions. Official Remotion skill.

Tells the agent how to export Remotion work: render videos with npx remotion render, stills with npx remotion still, several frames as images in one call with --frames, and videos with a transparent background. Official Remotion skill.

Remotion's official skill that teaches agents to make programmatic videos in React code, covering project setup, animation and typography, captions, map animations, media handling and rendering, and routes to each subtopic on demand.

Has the agent scaffold a new Remotion video project with create-video after inspecting the current folder, open Remotion Studio for live preview before writing the composition, and follow the layout, multi-scene and timeline guides as needed. Official Remotion skill; needs Node.js and Git.

Generates template-driven charts as single-file HTML: picks a chart from real Lupi, Basics, Glance, Maps and Interactive gallery implementations based on data shape, or fills one of 12 Chinese and English report templates. Defaults to Mono grayscale with semantic color presets. Written in Chinese.