Tools

Web Tools

Interactive tools deployed with this site:

S2 Tokens Viewer — Browse and inspect Spectrum 2 design token values
S2 Visualizer — Interactive dependency graph for Spectrum 2 tokens showing ancestor/descendant relationships, value filters, and search
S1 Visualizer — Interactive dependency graph for Spectrum 1 (legacy) tokens
Release Timeline — Interactive timeline visualization of Spectrum Tokens release history

Developer Tools

Packages under tools/ in the repo. For the MCP servers and Agent Skills (S2 docs, design tokens, and schemas), see Using with AI for setup and usage.

@adobe/changeset-linter — Linting tool to enforce concise changeset files
@adobe/design-data-agent-mcp — MCP server and Claude Code skill for the design-data agent surface — shells out to the design-data CLI
@adobe/design-data-js — Node.js helpers for @adobe/design-data-wasm: filesystem dataset loading, token write operations, and authoring-session management
@adobe/design-data-mcp — MCP server for Spectrum design tokens and component schemas via the design-data CLI
@adobe/design-data-skill — Claude Code skill for Spectrum design tokens and component schemas via the design-data CLI
@adobe/optimized-diff — High-performance deep object diff algorithm with significant performance improvements over generic libraries
@adobe/s2-docs-mcp — MCP server for Spectrum 2 documentation
@adobe/spectrum-component-diff-generator — Generates diff reports for Spectrum component schema changes with breaking change analysis
@adobe/spectrum-design-data-mcp — Model Context Protocol server for Spectrum design data including tokens, schemas, and component anatomy
@adobe/spectrum-diff-core — Shared core library for Spectrum diff generation tools (tokens, component schemas, etc.)
@adobe/token-corpus-migrate — Migration tool that adds structured name objects to tokens in packages/tokens/src/
@adobe/token-diff-generator — Generate comprehensive diffs between design token sets with support for multiple output formats including CLI, JSON, and Markdown. Detects added, deleted, renamed, deprecated, and updated tokens across different schema versions.
@adobe/token-naming-audit — Audit tool that reports string-name token debt and overloaded property-field values
component-options-editor — Figma plugin for authoring Spectrum component option schemas
markdown-generator — Generate markdown files from tokens, component-schemas, and design-system-registry for docs and chatbot indexing
release-analyzer — Analyzes Spectrum Tokens release history and generates data for change frequency visualization
s2-docs-transformer — Tools for scraping and transforming Spectrum 2 documentation
token-changeset-generator — Generate changeset files for Spectrum token changes from tokens studio PR data
token-manifest-builder — Builds a JSON manifest file from the source of a Style Dictionary project.
token-mapping-analyzer — Analyzes existing tokens against the 13-field taxonomy name object spec
transform-tokens-json — A simple tool to make one time changes in Spectrum Tokens