skills.rest
adobe
adobeOFFICIAL
Explore all skills by this author →
WebsiteGitHub

component-migration-analysis

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

1.5k|257|Updated Nov 19, 2018
Search Tags:#documentation#migration#web-components#component-migration#dom-diff#css-swc-diff
One-click install
npx skills add https://github.com/adobe/spectrum-web-components --skill component-migration-analysis
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: component-migration-analysis
Source: https://github.com/adobe/spectrum-web-components/tree/main/.ai/skills/component-migration-analysis
Command: npx skills add https://github.com/adobe/spectrum-web-components --skill component-migration-analysis

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This task collects migration documentation for 2nd-gen component migration to help teams plan and execute rendering-and-styling updates.

Core Features & Use Cases

  • Provides per-component migration analysis docs with sections for CSS specs, SWC render changes, and DOM differences.
  • Generates a standardized structure for coverage of component migration steps, comparisons, and resources.
  • Use Case: When analyzing the rendering and styling step for multiple components, produce per-component docs saved under CONTRIBUTOR-DOCS/03_project-planning/03_components/[component-name]/rendering-and-styling-migration-analysis.md.

Quick Start

Create a per-component rendering-and-styling migration analysis document for a given component.

Frequently Asked Questions about component-migration-analysis

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate component migration analysis docs for 2nd-gen components?▼

Generate component migration analysis docs by extracting CSS specs, SWC render changes, and DOM differences to produce a standardized markdown roadmap guiding rendering-and-styling updates.

What is a rendering-and-styling migration analysis for web-components?▼

A rendering-and-styling migration analysis details CSS vs SWC changes and DOM differences for 2nd-gen components to guide engineers through component migration tasks.

How do I document DOM diffs and CSS differences during a component migration?▼

Document DOM diffs and CSS differences by extracting component specifications and comparing DOM structures to generate a complete per-component migration roadmap in markdown format.

Do I need any dependencies to create a 2nd-gen component migration roadmap?▼

No dependencies are required to create a 2nd-gen component migration roadmap; the analysis extracts component specifications and generates markdown docs independently.

Where should per-component migration analysis markdown files be saved?▼

Per-component migration analysis markdown files should be saved under CONTRIBUTOR-DOCS/03_project-planning/03_components/[component-name]/rendering-and-styling-migration-analysis.md.

What's the best way to standardize web-component migration documentation?▼

Standardize web-component migration documentation by generating a structured markdown file with dedicated sections for CSS specs, SWC render changes, and DOM differences per component.

Related Skills

Explore More Software Engineering Skills→
adobeadobe
1.5k

migration-setup

Scaffold SWC directory structure and stub files for export wiring.

Official
Intermediate
adobeadobe
1.5k

migration-styling

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

Official
Intermediate
nanorepublicananorepublica
61

Global Tech Stack

Validate code against centralized global tech stack standards.

Community
Basic
mvallimmvallim
7

generate-markdown-docs

Generate Markdown documentation from codebases with customizable headings and dependencies.

Community
Intermediate