# React Spectrum (S2) agent skills for Claude Code, Cursor and RevampKey

> Ready-made React Spectrum (S2) playbooks for AI agents: build React Spectrum S2 components with AI, pick icons and illustrations for React Spectrum S2. Free SKILL.md files for Claude Code, Cursor and Codex, or one click in RevampKey.

## Skills

- [React Spectrum S2 essentials](https://revampkey.com/marketplace/react-spectrum-s2/skills/essentials.md): Uses the React Spectrum S2 connector to look up components, icons and illustrations, reading only what the question needs. It is read-only and never edits your project.
- [Build React Spectrum S2 components with AI](https://revampkey.com/marketplace/react-spectrum-s2/skills/component-implementation-guidance.md): Finds the right React Spectrum S2 component page, reads its anatomy and usage, and composes the component correctly, checking against the documented patterns before writing code.
- [Pick icons and illustrations for React Spectrum S2](https://revampkey.com/marketplace/react-spectrum-s2/skills/icon-and-illustration-selection.md): Finds the right icon or illustration from the React Spectrum S2 libraries for a given UI purpose, comparing candidates on meaning, fit and consistency before recommending one. It only reads and recommends and never changes your project.

## Install

- RevampKey: connect React Spectrum (S2) at https://revampkey.com/marketplace/react-spectrum-s2; the skills come with it.
- Any Agent Skills tool, into the current project:

```bash
for s in essentials component-implementation-guidance icon-and-illustration-selection; do
  curl -fsSL --create-dirs -o .agents/skills/react-spectrum-s2-$s/SKILL.md https://revampkey.com/marketplace/react-spectrum-s2/skills/$s/SKILL.md
done
```

### What is a React Spectrum (S2) agent skill?

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

### Do the React Spectrum (S2) skills change anything on their own?

3 of the 3 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 React Spectrum (S2).

### 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 React Spectrum (S2); elsewhere you copy the folders into your project or skills directory.

### Do I need the React Spectrum (S2) MCP server too?

Yes. The skills tell the agent how to do the work; the React Spectrum (S2) MCP server gives it the tools to do it. The React Spectrum (S2) MCP setup guide covers every client.

MCP setup guide: https://revampkey.com/marketplace/react-spectrum-s2.md