@adobe/design-data-skill

Name: @adobe/design-data-skill Review
Item: @adobe/design-data-skill
Rating: 3.0
Author: Aaron Matthews

Skill Data & Analytics Usable

Works inClaude Code

Usable Scanned — metadata only

Enables teams to programmatically query and integrate Adobe Spectrum design tokens and component schemas into Claude workflows, reducing manual design system…

Pure-skills Claude Code plugin that gives agents access to Adobe Spectrum design tokens, component schemas, and design-system data. It wraps the @adobe/design-data CLI, which npx installs on first use — the plugin itself has no build step or Node runtime dependencies. Installed from the adobe/spectrum-design-data plugin marketplace; for custom or repo-local datasets use design-data-agent instead.

Generate component schemas for design system documentation quickly
Extract Spectrum design tokens for consistent styling across projects
Validate component structure against official design system standards

148 starsApache-2.0 (commercial OK)FreeQuick setup

Usable rating — This tool is functional but has notable gaps. Review the evaluation notes below before deploying.

Why it matters

Enables teams to programmatically query and integrate Adobe Spectrum design tokens and component schemas into Claude workflows, reducing manual design system documentation lookups and accelerating design-to-code handoffs.

Best for

Design systems teams and frontend engineers maintaining consistency across products built on Adobe Spectrum.

Works in

Claude Code Claude Cowork Claude Chat

Source

https://github.com/adobe/spectrum-design-data/tree/main/tool...

By GitHub Actions

How to Get It

Option 1: Claude Desktop App (Code Mode)Click the + button next to the prompt box → Plugins → Add plugin. Search and click Install. Skills work in Claude Code only.

Option 2: Paste into Claude CodeCopy the command below and paste it into your conversation. Claude will install it.

Instructions to paste into Claude

/plugin marketplace add adobe/spectrum-design-data
/plugin install design-data@spectrum-design-data

First thing to try

After installing, paste this into Claude:

Help me generate component schemas for design system documentation quickly

PrerequisitesClaude Code with plugin support. The external @adobe/design-data CLI is fetched automatically by npx on first use.CostFree

Trust Signals Auto-scanned

Stars148Contributors19Last updated2026-08-12LicenseApache-2.0 (OK for commercial use)Weekly downloads12Known CVEsNone foundSources: GitHub Advisory Database + OSV.dev · Scanned 2026-08-13 · scanner vattempted-no-data

Reviewer notes

Auto-scanned review. These are observations, not a security certification.

Scored from trust signals (evidence-eval-v1): 141 GitHub stars; contributors unknown; last commit 1d ago; license Apache-2.0.

Things to check

Scanned, not hands-on tested — this entry was auto-scanned from public metadata (GitHub metrics, license, security flags). No reviewer has run it, and no tool-specific limitations have been documented yet.

How to evaluate tools before deploying →

Data shown here comes from public APIs and automated scanning. Reviewer notes reflect one person's experience. This is not a security certification or legal recommendation. Always evaluate tools according to your own organization's policies.

Evaluation Scores

Evaluation

Ease of Use

3/5

Versatility

3/5

Reliability

3/5

Security

3/5

Overall score3.00 / 5.00 UsableEvaluatedJun 2026

Scored from trust signals (evidence-eval-v1): 141 GitHub stars; contributors unknown; last commit 1d ago; license Apache-2.0.

← Back to the Claude Observatory