Validate, query, resolve, diff, and author spec-conformant design tokens and components using the design-data MCP tools against a local dataset. Use when the user asks about design tokens, a design system, token lookup, spec-conformance, drift detection, or…
adobe/spectrum-design-data
- Latest recorded source activity
- SkillsMP catalog refreshed
- skills collected
- 9
- GitHub stars
- 156
- GitHub forks
- 36
Install with an AI assistant
Copy this prompt into the AI assistant you're using.
Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/adobe/spectrum-design-data.Loading the repository README…
Skills in this repository
Showing 9 of 9 collected skills.
Look up Spectrum design tokens, component schemas, and design-system decisions when building with or extending Adobe Spectrum. Use when the user asks about token values, component options, naming conventions, or wants to validate/explore design-token data.…
Enhances auto-generated spectrum-design-data PRs from spectrum-tokens-studio-data sync (branch tokens-sync/patch-spectrum2-from-main, author mrcjhicks). Diagnoses CI failures, suggests fixes, creates changesets with token-changeset-generator, updates PR…
Look up Spectrum 2 (S2) component documentation, design guidelines, and usage patterns when building with React Spectrum or Spectrum Web Components. Use when the user mentions Spectrum, S2, React Spectrum, RSP, Spectrum Web Components, or SWC, or names a…
Creates narrated terminal demo videos for the design-data CLI and TUI using VHS (terminal recording) plus ffmpeg (audio sync), AND live presentation decks using asciinema casts embedded in Slidev with pause-on-marker pacing. For videos: authors a beat-based…
Reviews docs-site prose (articles, spec pages, READMEs) against Spectrum's voice principles (Clear, Genuine, Concise, Upfront), adapted for public/reference docs rather than in-product UI strings. Use after drafting or editing an article, README, or spec…
Produces on-brand technical/software-architecture diagrams for the docs-site articles (`docs/site/src/articles/`), using the Figma MCP's `generate_diagram` (Mermaid → FigJam) plus a Spectrum recolor pass, then exports the result as an image embedded in the…
Reviews and improves the design-data TUI's user experience. Use when asked to review or critique the TUI's UX, find rough edges or friction points, plan a user workflow or journey, recommend quality-of-life improvements, audit the TUI against terminal-app…
Verifies that the design-data TUI (sdk/tui) renders correctly and behaves as expected by driving it with the three-tier verification strategy: (1) deterministic in-process buffer assertions, (2) live rmux + asciinema screen capture, and (3) visual…