Skills
.Work. You
Rest

pattern-migrator

Community

Seamlessly migrate Storybook patterns, preserve links.

Software Engineering#documentation#refactoring#frontend#design system#migration#storybook#web components
Authorigorrazvodovsky
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the complex and error-prone process of reorganizing Storybook-based design system patterns. It ensures that all cross-references, Meta titles, and documentation links remain intact, preventing broken links and maintaining documentation integrity during migrations. This saves developers significant time and reduces the risk of errors.

Core Features & Use Cases

  • Automated Reference Updates: Systematically updates Storybook Meta titles, URLs, and internal/external cross-references.
  • Structured Migration Workflow: Guides through analysis, file migration, URL updates, documentation updates, and validation phases.
  • File Type Handling: Provides specific instructions for migrating .mdx, .stories.tsx, TypeScript, JSON, HTML, and CSS files.
  • Use Case: When refactoring a large design system to improve its structure, use this skill to move component patterns between directories without breaking any documentation or Storybook links.

Quick Start

Migrate the "Button" pattern from 'components/old-category' to 'components/new-category' in our Storybook design system.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: pattern-migrator
Download link: https://github.com/igorrazvodovsky/pattern-playground/archive/main.zip#pattern-migrator

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.