adobe/spectrum-web-components

code-conformance

Review gen2 component files against project style guides, run linters, and surface guideline gaps. Apply whenever reviewing or auditing gen2 component code for style conformance.

原文の言語: 英語

accessibility-migration-analysis

Create accessibility migration analysis docs for gen2 component migration. Use when on the "analyze accessibility" step for one or more components.

原文の言語: 英語

branch-naming

Suggests the preferred branch name format for Spectrum Web Components contributions (lowercase, dash-separated, a conventional commit type, and an optional issue number). Use when creating, renaming, or checking a git branch name.

原文の言語: 英語

conventional-commits

Create conventional commit messages following best conventions. Use when committing code changes, writing commit messages, or formatting git history. Follows conventional commits specification.

原文の言語: 英語

github-description

Generates GitHub pull request and issue descriptions — title, labels, and body — following Spectrum Web Components conventions and the repository's pull request template. Prompts for a linked ticket if none is provided. Use when asked to write or draft a PR…

原文の言語: 英語

jira-ticket

Drafts and formats Spectrum Web Components Jira tickets (title, labels, severity, issue type, and required sections, using Jira markup) for bugs, features, research, and RFCs. Use when asked to create, draft, format, or review a Jira ticket.

原文の言語: 英語

session-retrospective

Document lessons learned after completing work, especially when the user corrected planning documents or implementation. Creates and maintains topic lessons files in .ai/memory/ that load as path-scoped instructions. Use when the user says "remember this",…

原文の言語: 英語

ask-questions-if-underspecified

Clarify requirements before implementing. Use when serious doubts arise.

原文の言語: 英語

clone-gen2-migration-epic

Clones the SWC-1727 component migration epic template and all 7 child stories into new Jira issues, replacing all [COMPONENT] placeholders with the target component name. TRIGGER whenever a user asks to create a new component migration epic, clone the…

原文の言語: 英語

clone-new-component-epic

Clones the SWC-2164 component migration epic template and all 7 child stories into new Jira issues, replacing all [COMPONENT] placeholders with the target component name. TRIGGER whenever a user asks to create a new component epic, clone the new component…

原文の言語: 英語

consumer-migration-guide

Use when creating a per-component migration guide for application developers upgrading from Spectrum 1 Web Components to Spectrum 2 components.

原文の言語: 英語

documentation-standards

When writing documentation in a variety of scenarios, follow the Adobe content writing standards.

原文の言語: 英語

migration-api

Phase 3 of 1st-gen to gen2 component migration. Use to move properties, methods, and types from 1st-gen to gen2 while maintaining a clear public API.

原文の言語: 英語

migration-documentation

Phase 7 of 1st-gen to gen2 component migration. Use to author the per-component MDX docs page and finalize Storybook stories so the component is usable and understandable by others.

原文の言語: 英語

migration-styling

Phase 5 of 1st-gen to gen2 component migration. Use to migrate CSS to the gen2 structure, apply Spectrum 2 tokens, and ensure stylelint passes.

原文の言語: 英語

migration-testing

Phase 6 of 1st-gen to gen2 component migration. Use to write unit tests, accessibility tests, and Storybook play functions for a migrated component.

原文の言語: 英語

stories-documentation

Full authoring procedure for the per-unit MDX docs page of gen2 components, internal components, patterns, and controllers: documentation structure, the Helpers section, section patterns (overview, anatomy, options, states, behaviors, accessibility), 1st-gen…

原文の言語: 英語

stories-format

Full reference for structuring gen2 Storybook stories files: file structure and section separators, meta configuration, layout and decorators, story naming and ordering, tags, story types (Playground, Overview, Anatomy, Options, States, Behaviors,…

原文の言語: 英語

storybook-mdx-conversion

Converts a standalone Markdown document to Storybook MDX by adding the imports and Meta tag and converting HTML comments to JSX comments, without altering any other content. Use when asked to convert a .md file to .mdx by hand, outside the automated…

原文の言語: 英語

spectrum-wc

Build UIs with Spectrum 2 Web Components (swc-* elements, @adobe/spectrum-wc). Use when developers are working with the @adobe/spectrum-wc package or swc-* custom elements. Includes component and pattern API references (properties, slots, events, CSS custom…

原文の言語: 英語

component-migration-analysis

Create rendering-and-styling migration analysis docs for gen2 component migration. Use when on the "analyze rendering and styling" step for one or more components.

原文の言語: 英語

consistency-pass

Defines when and how to run a consistency and validity self-audit on changed files and the migration plan. Apply before declaring any migration phase or significant implementation task complete.

原文の言語: 英語

migration-a11y

Phase 4 of 1st-gen to gen2 component migration. Use to implement WCAG-aligned semantics, ARIA, keyboard support, and focus management, and document accessibility behavior.

原文の言語: 英語

migration-conformance

Sub-task after Phase 6 of 1st-gen to gen2 component migration. Use to verify all migrated files conform to the project style guides, run linters, and surface any guideline gaps as PR comment notes.

原文の言語: 英語

migration-phase-awareness

Keeps multi-phase migration obligations in context during a session. Emits Migration Checkpoint blocks at phase completion for cross-session continuity. Apply whenever any migration-* skill is active or migration files are being edited.

原文の言語: 英語

migration-prep

Phase 1 of 1st-gen to gen2 component migration. Use to understand the component, plan breaking changes, and define scope before any refactoring begins.

原文の言語: 英語

migration-review

Phase 8 of 1st-gen to gen2 component migration. Use to run final checks, verify lint/tests/build/Storybook, update the workstream status table, and open a PR.

原文の言語: 英語

migration-setup

Phase 2 of 1st-gen to gen2 component migration. Use to create the gen2 file and folder structure, wire up exports, and confirm the build passes before implementation begins.

原文の言語: 英語

token-update

Dispatches to the correct design token update workflow (custom tokens only vs @adobe/spectrum-tokens version bump). Use whenever asked to update, bump, or upgrade design tokens, or when told to run a token update.

原文の言語: 英語

vrt-authoring

Author dedicated Storybook visual regression stories for gen2 components. Use when adding or reviewing `.vrt.ts` files, Chromatic VRT coverage, forced-colors coverage, pseudo-state snapshots, global stylesheet coverage, or custom-property VRT coverage.

原文の言語: 英語

migrate-swc-gen1-to-gen2

Upgrade Spectrum 1 (sp-* elements, @spectrum-web-components/*) to Spectrum 2 (swc-* elements, @adobe/spectrum-wc). Use when developers need to migrate from Spectrum 1 to Spectrum 2 web components, or when they mention @spectrum-web-components, sp-* elements,…

原文の言語: 英語

spectrum-web-components

Build UIs with Spectrum Web Components (SWC), Adobe's Spectrum 1 web component library. Use when developers are working with @spectrum-web-components/* packages or sp-* custom elements. Includes component API references, usage examples, accessibility…

原文の言語: 英語

deep-understanding

Require a thorough deep-read of the relevant codebase before planning or implementing; write findings to a persistent markdown file (e.g. research.md) so the user can review and correct before any work proceeds.

原文の言語: 英語

accessibility-compliance

Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences.

原文の言語: 英語

contributor-docs-nav

Run the CONTRIBUTOR-DOCS nav script to update breadcrumbs and TOCs, and handle link verification. Use when updating contributor docs structure, regenerating navigation, or fixing broken links.

原文の言語: 英語

explain-code

Explains code with visual diagrams and analogies. Use when explaining how code works, teaching about a codebase, or when the user asks "how does this work?"

原文の言語: 英語

session-handoff

Creates comprehensive handoff documents for seamless AI agent session transfers. Triggered when: (1) user requests handoff/memory/context save, (2) context window approaches capacity, (3) major task milestone completed, (4) work session ending, (5) user says…

原文の言語: 英語

test-driven-development

Use when implementing any feature or bugfix, before writing implementation code

原文の言語: 英語