Resources · Claude connector

Claude React Spectrum (S2) connectorWhat Claude can look up in Adobe's S2 docs.

The Claude React Spectrum (S2) connector exposes 6 tools: 6 read, 0 write, 0 undocumented. Adobe built it so Claude can browse the public Spectrum 2 documentation while it helps you code: pages, sections, icons, illustrations and style values. It runs in Claude Desktop, no account needed.

Verified Trustpilot reviews · AI, automation & growth agency

Overview

Why a front-end dev would want Claude reading the S2 docs

Building a screen with Adobe's Spectrum 2 components means checking react-spectrum.adobe.com while you code. With this connector, Claude can do that lookup in the conversation: you ask how a component works or which icon fits, and it calls tools that read the documentation content Adobe publishes on that site.

Answers grounded in the current docs. You ask about a component: Claude can call list_s2_pages to find the right page, get_s2_page_info to see its sections, then get_s2_page to read just the part that matters.

The right icon, by name. You need an icon or an illustration for a screen. search_s2_icons and search_s2_illustrations take one or more search terms and return the matching names from the S2 icon and illustration sets.

Style values from the source. When you're unsure what a style macro property allows, get_style_macro_property_values lists the values it accepts, with expanded color and spacing lists where they apply.

Adobe marks all six tools as read-only. They read the documentation content Adobe publishes at react-spectrum.adobe.com, and nothing runs on its own when Adobe ships a new release. If you're comparing ways to plug apps into AI, our Integrations hub lists the platforms we cover.

Vocabulary

Five words before you install

Claude's vocabulary for this connector, in one minute.

Connector
The link you set up once so Claude can use an outside service while it answers. Here the service is Adobe's public docs.
Tool
One named job the connector lets Claude do, like reading a page. Claude picks the ones it needs; the directory sheet lists them.
Authorization
The access you grant on a service's own screen. Granted once, per person, and taken back the same way.
Approval
The confirmation Claude waits for before it changes something in an account, shown in the chat at the moment it matters.
MCP
The shared standard connectors are built on: it's what lets an assistant like Claude talk to an outside service.
Connect

Install the React Spectrum (S2) connector in three steps

  1. 01

    Find it in Claude Desktop

    Open Claude Desktop settings, go through Customize then Connectors, and search for React Spectrum (S2). It's a desktop extension, installed on Claude Desktop. On a Team or Enterprise workspace, an Owner or Primary Owner turns it on first.

  2. 02

    Start the install from its row

    Hit Connect on the extension's line and follow the prompts. The Disconnect button on the same line removes it later. Adobe describes the content as its public React Spectrum documentation.

  3. 03

    Read any permission screen

    Read any permission screen before you accept it. That screen belongs to the service, not to Claude, and it sets how far access goes. Whatever happens next, Claude works with the rights of the person who connected it and nothing more.

Tools

The 6 tools, grouped by what they do

React Spectrum (S2) gives Claude 6 tools: 6 that read your account, 0 that change something in it.

One group only: Adobe marks all six as read-only, and every one of them looks something up in the public S2 docs. Names stay exactly as Claude shows them.

  • 6 read

What Claude reads (6)

6 tools

Six lookups across pages, sections, icons, illustrations and style values, none of which change anything.

list_s2_pages

Gives Claude the full table of contents of the S2 documentation, so it knows which pages exist before opening one.

When it helps
you ask whether Spectrum 2 has a date range picker and want a yes or no backed by the actual page list.

Sourcenpmjs.com · September 30, 2026 ↗

get_s2_page_info

Returns one page's short description plus the list of its sections. Claude sees how the page is organized without pulling all of its text.

When it helps
a long component page has a section on accessibility you need, and Claude has to locate it first.

Sourcenpmjs.com · September 30, 2026 ↗

get_s2_page

Pulls a page's full content in markdown, or only one section when Claude names it. That keeps the answer focused on the part you asked about.

When it helps
you want the exact props of a Dialog, quoted from the docs rather than recalled.

Sourcenpmjs.com · September 30, 2026 ↗

search_s2_icons

Searches the S2 workflow icon set with one or more terms and hands back the names that match. The search covers the workflow icon set.

When it helps
you need a bin icon for a toolbar button and don't remember how Adobe spells it.

Sourcenpmjs.com · September 30, 2026 ↗

search_s2_illustrations

Looks through the S2 illustrations by keyword and returns matching illustration names, from one or more search terms. Like the icon search, it accepts several terms at once.

When it helps
an empty search result screen needs a picture, and you want options that already exist in the set.

Sourcenpmjs.com · September 30, 2026 ↗

get_style_macro_property_values

Tells Claude which values a given S2 style macro property allows, with expanded color and spacing lists where they apply.

When it helps
you want the accepted padding values for a property before you use them, instead of trial and error.

Sourcenpmjs.com · September 30, 2026 ↗

Approvals

What Claude asks you before acting

By default, Claude stops and asks before any action it takes on an account for you. No source describes a confirmation tied to any of these six tools, which Adobe marks as read-only.

On Team and Enterprise, workspace owners decide whether members may let some actions through without being asked every time. They can also cap what a connector may do for the whole organization, for example keep reading and close writing, and nobody gets around that from their own account. Claude works with the rights of whoever installed it, nothing more. Here, the tools read the documentation content published at react-spectrum.adobe.com.

Plans

Which plans it's available on

None of the 819 sheets in the official directory shows availability by plan. Connector by connector, that answer isn't published anywhere, which is a real gap in the catalog.

What is published is the general rule: desktop extensions like this one install on Claude Desktop, while remote connectors are open to all users on Claude, Cowork, Claude Desktop and mobile. On Team and Enterprise, an Owner or Primary Owner first enables the connector for the organization. For this one's current status, check its sheet in the official directory.

Limits

Where this connector stops

A connector isn't an automation. Claude calls these tools while it answers you, and nothing fires when Adobe updates a page.

The tool list is an observed floor, not a promise: an administrator can open actions that no public sheet shows. The directory's verification badge isn't a security audit, and Anthropic notes on every sheet that it doesn't choose the tools a publisher exposes. Only Adobe documents this connector; no Claude help article covers it. The tools on the directory sheet are the reference for this page, and Adobe's package version 1.2.1 was read for this review.

Need help

Need help connecting React Spectrum (S2) to Claude?

A person reads every message.

FAQ

Questions about the Claude React Spectrum (S2) connector

01What can Claude do with the React Spectrum (S2) connector?
Claude can look things up in Adobe's public Spectrum 2 documentation while it helps you build. Its six tools list the doc pages, show a page's sections, read a full page or one section, search the workflow icons and the illustrations by keyword, and return the allowed values for a style macro property. Adobe marks all six as read-only, and the content comes from react-spectrum.adobe.com. Adobe's tagline puts it plainly: build apps with its React Spectrum component library.
02Can Claude change my code or anything at Adobe through this connector?
None of the tools on the sheet writes anything. All six are lookups, and Adobe marks each one as read-only: what each returns is documentation content, names or allowed values. That's the floor observed on the public sheet, not a promise for later, since an administrator can open actions no public page shows. Today, the connector is a documentation reader. Any code changes still happen through you or other tools.
03Does Claude ask before using a React Spectrum tool?
Claude's default rule is to ask for confirmation before any action it takes on an account for you. No source describes a confirmation tied to a specific React Spectrum tool, so the general rule is the reference. Adobe marks all six tools as read-only. On a Team or Enterprise workspace, owners also decide whether members can skip some of these requests, and they can restrict the connector for everyone. That choice applies across the workspace.
04Which Claude plans include the React Spectrum (S2) connector?
No official source publishes plan availability connector by connector, and none of the 819 directory sheets shows it. The general rule: desktop extensions install on Claude Desktop, while remote connectors are open to all users on Claude, Cowork, Claude Desktop and mobile. On Team and Enterprise, an Owner or Primary Owner enables a connector first. Adobe's own page doesn't mention any Claude plan. For the current status, the connector's sheet in the official directory is the only reliable place to check.
05Does Claude see my project or my Adobe account?
No, not through this connector. Its tools read the documentation Adobe publishes at react-spectrum.adobe.com, which is open to anyone, so there's no Adobe login involved and nothing private to reach. Claude never works beyond the rights of the person who installed it. The extension runs locally in Claude Desktop, and Adobe asks for Node.js on your machine. No Adobe sign-in is part of the setup Adobe describes. Its reach stops at the public documentation website, whatever you're building.
06Why can't I find React Spectrum (S2) in Claude on the web?
Because it's a local extension, and the directory sheet lists Claude Desktop as its only surface. It runs on your computer, which is also why Adobe asks for Node.js to be installed first. If you mostly use Claude in a browser, you'll need the desktop app for this one. Once it's installed there, the six documentation tools become available in your Desktop conversations. The directory sheet is where to confirm that.
07Claude or an automation tool for working with React Spectrum?
They solve different problems, so it comes down to the task rather than a ranking. Claude with this connector suits questions asked in the moment, such as which icon name to use or what a component's props are, and it only acts while you're talking to it. An automation tool suits repeated jobs that run without you, triggered by events. This extension's tools never start on their own: Claude calls them only while it answers you.