extract

Identify reusable Puree patterns, components, and SCSS tokens for extraction.

20|2|Updated Oct 5, 2025
One-click install
npx skills add https://github.com/nicolaiprodromov/puree --skill extract-nicolaiprodromov
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: extract
Source: https://github.com/nicolaiprodromov/puree/tree/main/.agents/skills/extract
Command: npx skills add https://github.com/nicolaiprodromov/puree --skill extract-nicolaiprodromov

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Consolidate and standardize reusable patterns, components, and SCSS tokens within a Puree project to improve consistency, reduce duplication, and accelerate UI development.

Core Features & Use Cases

  • Identify opportunities to extract YAML structures, components, and style tokens.
  • Plan a migration by defining which patterns to extract, variables to create, and parameters to support.
  • Enrich the component library by creating reusable templates and documenting usage and constraints, then migrate existing usages to shared references.

Quick Start

Describe the YAML pattern or SCSS tokens to extract and initiate the extraction workflow.

Frequently Asked Questions about extract

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

FAQPage Schema
How do I extract and consolidate reusable components across a project?

To extract and consolidate reusable components, you must analyze the target components directory, SCSS conventions, and YAML structures to produce a migration path and enrichment strategy. This reduces duplication and accelerates UI development.

What is the best way to migrate SCSS tokens to a shared design system?

Migrating SCSS tokens to a design system involves identifying style tokens and variables across repositories, creating reusable templates, documenting constraints, and migrating existing usages to shared references for consistency.

How do I plan a component library migration for Puree projects?

Planning a component library migration for Puree projects requires defining which patterns to extract, variables to create, and parameters to support. You then migrate existing usages to shared references within the project.

Can I extract YAML structures and SCSS conventions across multiple repositories?

Yes, you can extract YAML structures and SCSS conventions across multiple repositories. The process analyzes existing conventions to define parameters, consolidate variables, and produce a unified enrichment strategy.

When do I need to standardize SCSS tokens and component patterns?

You need to standardize SCSS tokens and component patterns when a project suffers from duplication and inconsistency. Evolving a design system by consolidating variables and patterns improves consistency and accelerates UI development.

What are the limitations of consolidating a design system across repositories?

Consolidating a design system across repositories requires analyzing a target components directory and SCSS conventions. Limitations arise if existing patterns lack clear definitions or if migration paths cannot support required parameters.