Adobe contributor

Spectrum Design Data

Look up Adobe Spectrum 2 docs, tokens, and schemas so agent-generated UI stays spec-conformant without hand-copying design guidelines.

Overview

spectrum-design-data is a plugin marketplace for the Build phase that exposes Adobe Spectrum tokens, schemas, and Spectrum 2 documentation to coding agents via three CLI-oriented skills.

What is this marketplace?

  • 3 plugins: s2-docs, design-data, and design-data-agent
  • s2-docs fetches Spectrum 2 guidelines on demand without a persistent MCP server
  • design-data exposes embedded Spectrum tokens and schemas via zero-config CLI skill
  • design-data-agent supports lookup, validation, diff, and authoring for custom datasets
  • 3 plugins in marketplace
  • Plugins: s2-docs, design-data, design-data-agent

Compatible agents: Claude Code, Cursor, Codex, any compatible agent

Community signal: 137 GitHub stars.

What problem does it solve?

Agents hallucinate design tokens and misapply Spectrum components when they cannot query authoritative Adobe design data.

Who is it for?

Developers building Spectrum or Spectrum 2 UIs who want on-demand docs and token lookup inside Claude Code without maintaining a separate design-data server.

Skip if: Teams with no Adobe design system, or designers who only need static PDF guidelines with no agent integration.

What do I get? / Deliverables

After registration, your agent can fetch S2 docs, resolve tokens from the embedded snapshot, and validate custom token sets against Spectrum rules.

  • On-demand S2 component documentation retrieval
  • Token and schema lookups from embedded Spectrum snapshot
  • Validation and diff reports for custom design-token datasets

Plugins in this marketplace

3 plugins — install individually after you add the marketplace.

Recommended Marketplaces

Journey fit

Primary fit

Canonical shelf is Build/frontend because tokens and S2 docs are consumed while implementing Spectrum-based interfaces. Design tokens, component schemas, and S2 usage patterns are frontend design-system concerns, not infra or growth.

How it compares

Curated Adobe design-system skill marketplace, not a generic Figma MCP or arbitrary CSS framework skill.

Common Questions / FAQ

Who is Spectrum Design Data for?

Frontend and design-system engineers implementing Adobe Spectrum UIs with AI agents who need accurate tokens, schemas, and S2 documentation.

When should I use Spectrum Design Data?

Use it whenever you implement, extend, or audit UI that must match Spectrum—especially when choosing components, token names, or validating custom design data.

How do I add Spectrum Design Data to my agent?

Install the adobe/Spectrum Design Data Claude marketplace and enable s2-docs, design-data, and/or design-data-agent depending on whether you need docs only, embedded tokens, or custom dataset tooling.

This week for builders

Five minutes, every Monday — the tools, releases and tactics for shipping solo.

unsubscribe anytime.