Frontend & Design · By adobe

Look up Spectrum 2 (S2) component documentation, design guidelines, and usage patterns when building with React Spectrum or Spectrum Web Components.

adobe/spectrum-design-data

Look up Spectrum design tokens, component schemas, and design-system decisions when building with or extending Adobe Spectrum.

adobe/spectrum-design-data

Validate, query, resolve, diff, and author spec-conformant design tokens and components using the design-data MCP tools against a local dataset.

adobe/spectrum-design-data

Enhances auto-generated spectrum-design-data PRs from spectrum-tokens-studio-data sync (branch tokens-sync/patch-spectrum2-from-main, author mrcjhicks).

adobe/spectrum-design-data

Extracts icons, metadata, text, forms, videos and social links from any web page with playwright-cli, with SVG icon classification and cleanup.

adobe/skills

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.

adobe/spectrum-design-data

Detect all languages used on a webpage — both declared (html@lang, hreflang alternate links, nested lang= attributes, meta content-language) and actually present in the body text (Google CLD3 via…

adobe/skills

Creates complete AEM components with dialog, HTL template, Sling Model, unit tests, and clientlibs.

adobe/skills

Read-only automated QA sweep of a deployed stardust site on AEM Edge Delivery Services — validates routing, content fidelity vs the source capture, template conformance, rendered integrity…

adobe/skills

A skill your agent uses when writing or fixing the server-side code of a Workfront App Builder extension — the Adobe I/O Runtime action the React SPA calls to do work the browser can't.

adobe/skills

[BETA] Expert assistance for the Adobe I/O CLI plugin @adobe/aio-cli-plugin-aem-rde — the aio aem rde / aio aem:rde command tree used to deploy, inspect, log-tail, snapshot, and troubleshoot AEM…

adobe/skills

Use this when implementing code changes in AEM Edge Delivery Services (EDS, Franklin, Helix), whether new or modified blocks, core functionality (scripts.js, styles, delayed.js, etc.), or both.

adobe/skills

Use this when making any AEM Edge Delivery Services (EDS, Franklin, Helix) code change — new blocks, block modifications, CSS styling, bug fixes, core functionality (scripts.js, styles, delayed.js)…

adobe/skills

Diagnose and fix Core Web Vitals issues on AEM Edge Delivery Services pages.

adobe/skills

Crawl an existing website (capped, multi-page) and seed stardust/current/ with PRODUCT.md, DESIGN.md, DESIGN.json, a per-page inventory, and the consolidated brand surface — the captured design…

adobe/skills

Same-design migration — re-platform a site to AEM Edge Delivery (or any clean front end) keeping its current design near pixel-perfect.

adobe/skills

Rebuild an existing site's pages with byte-faithful content on a separately-defined donor design system — another live site, or local static HTML prototypes (Figma donors are contract-defined, not…

adobe/skills

A skill your agent uses when building or editing the React/Spectrum front-end SPA of a Workfront App Builder extension.

adobe/skills