MDN agent skills for Claude Code, Cursor and RevampKey

1 ready-made playbooks that teach an AI agent how to do real MDN work: which tools to call, what to check first, and when to stop and ask you.

Download RevampKey, freeI have it: connect MDN

Get RevampKey to connect MDN

RevampKey is a free desktop app for Mac, Windows and Linux. Install it, sign in, and MDN is one click away with its skills already attached.

Download RevampKey

Not now? Use the skills in your current tool

curl -fsSL --create-dirs -o .claude/skills/mdn-essentials/SKILL.md https://revampkey.com/marketplace/mdn/skills/essentials/SKILL.md
Other tools

Connect MDN once and all 1 skills install themselves and stay up to date. Mac, Windows and Linux.

All 1 MDN skills

Each skill is one job. You ask in plain words and the agent loads the skill that matches, then follows its steps.

Start hereRead-only3 MDN tools

Look up MDN web docs and browser compatibility with AI

Answers web platform questions from current MDN documentation and browser compatibility data, reporting sources and what it could not confirm.

Use it when

  • You need to know what a web API, CSS property or HTML element does
  • You want to check whether a feature is supported in a given browser
  • You are unsure of an exact feature name and need to search MDN

Tools it uses

  • get-doc
  • search
  • get-compat
Example

Does the dialog element support the closedby attribute in Safari?

I checked the MDN page for the dialog element and its compatibility record. The closedby attribute is listed with partial support in Safari, so I would not rely on it without a fallback. Sources: the dialog element page and its compatibility data. Not established: the exact Safari version where support began, since the compatibility record I read did not give it.

Use in RevampKey

Get RevampKey to connect MDN

RevampKey is a free desktop app for Mac, Windows and Linux. Install it, sign in, and MDN is one click away with its skills already attached.

Download RevampKey

Not now? Use the skills in your current tool

curl -fsSL --create-dirs -o .claude/skills/mdn-essentials/SKILL.md https://revampkey.com/marketplace/mdn/skills/essentials/SKILL.md
Other tools
Read the full skill →

Get all 1 without copying a file

RevampKey adds the skills when you connect MDN, updates them for you and removes them when you disconnect.

Download RevampKey

How MDN skills work

  1. Connect MDN

    The MDN MCP server gives the agent its tools.

  2. Ask in plain words

    “Does the dialog element support the closedby attribute in Safari?” Each SKILL.md says when it applies, so only the one that fits is loaded.

  3. Approve any change

    The agent calls the tools in order, checks its work, and shows you any change before it makes it.

How to install MDN skills

In RevampKey the skills install themselves when you connect MDN. In other tools each skill is one folder with a SKILL.md file, and you also need the MDN MCP server connected there.

About 1 minute · nothing to copy

  1. Download RevampKey for Mac, Windows or Linux and sign in.

  2. Open Connectors and connect MDN. All 1 skills come with it and stay up to date; they go away when you remove the connector.

  3. Ask in plain language, for example “Does the dialog element support the closedby attribute in Safari?”

  4. Download RevampKeyConnect MDN · 1 click

    Get RevampKey to connect MDN

    RevampKey is a free desktop app for Mac, Windows and Linux. Install it, sign in, and MDN is one click away with its skills already attached.

    Download RevampKey

    Not now? Use the skills in your current tool

    curl -fsSL --create-dirs -o .claude/skills/mdn-essentials/SKILL.md https://revampkey.com/marketplace/mdn/skills/essentials/SKILL.md
    Other tools

RevampKey or copy the files?

In RevampKey

  • One click when you connect MDN
  • Updated for you when a skill improves
  • Removed when you disconnect
  • The MCP server is set up for you
  • 800+ other connectors, same way
Download free

Copy into your project

  • One command per project
  • Run it again to get updates
  • You connect the MDN MCP server yourself
  • Works in Claude Code, Cursor, Codex and VS Code
See the command

MDN skills FAQ

What is a MDN agent skill?

A SKILL.md file: a short playbook an AI agent loads when your request matches it. Each MDN skill describes one job, which MDN tools to use in which order, what to check first and when to stop and ask you.

Do the MDN skills change anything on their own?

1 of the 1 only read. The others tell the agent to show you the change and wait for a yes before it creates, edits or deletes anything in MDN.

Which tools can use these skills?

Any agent that reads the open Agent Skills format: Claude Code, Cursor, Codex, VS Code with Copilot and RevampKey. In RevampKey they are attached when you connect MDN; elsewhere you copy the folders into your project or skills directory.

Do I need the MDN MCP server too?

Yes. The skills tell the agent how to do the work; the MDN MCP server gives it the tools to do it. The MDN MCP setup guide covers every client.

MDN MCP server setup · This page as Markdown

Put MDN’s best workflows in your agent

Download RevampKey, connect MDN and ask your first question in about a minute.

Download RevampKeyConnect MDN · 1 click

Get RevampKey to connect MDN

RevampKey is a free desktop app for Mac, Windows and Linux. Install it, sign in, and MDN is one click away with its skills already attached.

Download RevampKey

Not now? Use the skills in your current tool

curl -fsSL --create-dirs -o .claude/skills/mdn-essentials/SKILL.md https://revampkey.com/marketplace/mdn/skills/essentials/SKILL.md
Other tools