Skills
.Work. You
Rest

i-extract

Community

Systematize UI reuse.

Design & Creative#code reuse#design system#design tokens#pattern recognition#component extraction#ui systematization
Authormarpme
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the challenge of inconsistent and duplicated UI elements within a codebase by identifying and extracting reusable components, design tokens, and patterns into a centralized design system.

Core Features & Use Cases

  • Pattern Identification: Analyzes code to find repeated UI elements, hard-coded values, and inconsistent variations.
  • Design System Enrichment: Extracts identified patterns into well-defined, reusable components and design tokens.
  • Use Case: A team notices multiple slightly different button styles across their application. This Skill can identify these variations, propose a standardized button component with configurable props, and help migrate existing usages to the new component.

Quick Start

Use the i-extract skill to identify and plan the extraction of reusable components from the 'src/components' directory.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: i-extract
Download link: https://github.com/marpme/stimmlage/archive/main.zip#i-extract

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.