adobeOfficial·33 Agent Skills Included

spectrum-web-components

Build and migrate Adobe Spectrum web components with AI guidance

Guides AI agents through building, testing, and migrating Adobe Spectrum Web Components from Spectrum 1 to Spectrum 2. Covers component APIs, accessibility compliance, CSS token updates, visual regression testing, and Storybook documentation. Eliminates manual migration planning, style-guide lookups, and repetitive Jira and pull request drafting.

1,536|261

↗

npx skills add adobe/spectrum-web-components --all -g -y

Available:

Bootstraps the AI agent to load project rules from .ai/, read accumulated memory files, and invoke the correct skill playbook for each task in this repository.

All Skills in This Repository (33)

Pure Emerald Level Indicators

📦 In Repo

adobe

migration-a11y

Automate Phase 5 accessibility migration for Spectrum components with WCAG-aligned semantics and ARIA.

documentation-standards

Enforce Adobe content writing standards across project documentation.

migration-styling

Migrate CSS to 2nd-gen structure with Spectrum 2 tokens and stylelint conformance.

test-driven-development

Guide red-green-refactor cycles from failing test to minimal implementation.

migration-testing

Automate Vitest, Playwright, and Storybook tests for migrated components.

migration-review

Validate lint, tests, builds, and Storybook for 2nd-gen component migrations.

component-migration-analysis

Generate per-component markdown migration analyses detailing CSS, SWC, and DOM differences.

deep-understanding

Create a persistent markdown file documenting codebase research before planning.

ask-questions-if-underspecified

Identify underspecified requirements and prompt 1-5 must-have questions before implementation.

accessibility-migration-analysis

Generate accessibility migration analysis markdown files for 2nd-gen components.

accessibility-compliance

Evaluate and implement WCAG 2.2 compliant interfaces with ARIA patterns and keyboard navigation.

session-retrospective

Capture session corrections and lessons into .ai/memory/lessons.md.

Official

Advanced

Frequently Asked Questions

FAQPage Schema

How to install spectrum-web-components skills?▼

Run `npx skills add adobe/spectrum-web-components --all -g -y` in your terminal to install all skills in this suite globally.

How to migrate from Spectrum 1 to Spectrum 2 components?▼

The migrate-swc-gen1-to-gen2 skill walks your agent through installing @adobe/spectrum-wc, switching themes, and replacing sp-* tags with swc-* tags one component at a time.

Can AI help build accessible web components?▼

Yes. The accessibility-compliance and migration-a11y skills implement WCAG 2.2 patterns, ARIA roles, keyboard support, and screen reader testing for each component.

Does this work with Claude Code and Cursor?▼

Yes. All skills follow the standard SKILL.md format and the AGENTS.md orchestrator routes tasks in Claude Code, Cursor, and compatible agents.

Can AI draft Jira tickets and PR descriptions for this project?▼

Yes. Dedicated skills generate Jira tickets, clone migration epics, and write GitHub pull request descriptions following Adobe's templates and label conventions.