pattern-extraction

Extract reusable patterns and design systems from codebases into skills and documentation.

11|4|Updated Feb 9, 2026
One-click install
npx skills add https://github.com/wpank/ai --skill pattern-extraction-wpank
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: pattern-extraction
Source: https://github.com/wpank/ai/tree/main/skills/extraction
Command: npx skills add https://github.com/wpank/ai --skill pattern-extraction-wpank

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the process of identifying, categorizing, and extracting valuable design systems, architecture patterns, and workflow methodologies from existing codebases, turning them into reusable skills and documentation.

Core Features & Use Cases

  • Pattern Discovery: Scans codebases to identify design signals, architectural structures, and workflow configurations.
  • Categorization: Organizes findings into predefined categories like Design Systems, Architecture, and Workflows.
  • Output Generation: Creates documentation (.md files) and new skills (SKILL.md) for extracted patterns.
  • Use Case: After developing a new feature, use this Skill to analyze the project's structure and extract the unique component patterns and styling conventions into a new skill that can be shared across other projects.

Quick Start

Use the pattern extraction skill to analyze the current codebase for design system patterns.

Frequently Asked Questions about pattern-extraction

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

FAQPage Schema
How do I extract reusable design system patterns from an existing codebase?

To extract reusable design system patterns from an existing codebase, analyze the project structure to identify design signals and architectural configurations. The process categorizes these findings into structured documents and modular skills for deterministic task execution across projects.

What is codebase pattern extraction and when do I need it?

Codebase pattern extraction is the automated process of identifying, categorizing, and documenting valuable architecture patterns and workflow methodologies from source code. You need this process when you want to turn existing project structures into reusable documentation and modular skills.

How do I document architecture patterns and workflows into structured markdown?

To document architecture patterns and workflows into structured markdown, scan the codebase to capture design system signals and workflow configurations. The extraction organizes these findings into predefined categories, generating `.md` files and `SKILL.md` outputs for modular reuse.

Can I generate new modular skills from UI patterns found in my codebase?

Yes, you can generate new modular skills from UI patterns found in your codebase. The extraction process analyzes the project structure, identifies the tech stack, captures domain-specific elements, and outputs new skills to share conventions across other projects.

What specific codebase signals are prioritized during design system extraction?

During design system extraction, the process prioritizes design systems, UI patterns, architecture, workflows, and domain-specific elements. It analyzes the project structure and identifies the tech stack to accurately capture and categorize these specific reusable signals.