Verified:GitHub

extract

Consolidates repeated UI patterns into reusable components and design tokens.

Updated Jul 10, 2026

Search Tags:#refactoring #frontend #components #design tokens #extract #ui patterns #impeccable

One-click install

npx skills add https://github.com/noticesfromchat/macos-app-digest --skill extract-noticesfromchat

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: extract
Source: https://github.com/noticesfromchat/macos-app-digest/tree/main/.agents/skills/extract
Command: npx skills add https://github.com/noticesfromchat/macos-app-digest --skill extract-noticesfromchat

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Repeated UI patterns scattered across a codebase create inconsistency and maintenance overhead. This Skill delegates to the $impeccable extract command to identify and consolidate those patterns into reusable components and tokens. ## Core Features & Use Cases - Pattern Consolidation: Invokes $impeccable extract to merge repeated UI patterns into shared components. - Token Generation: Produces reusable design tokens from duplicated styling patterns. - Use Case: When a frontend codebase contains the same card layout or button styling copied across multiple pages, invoke this Skill with a target path to refactor them into a single reusable component. ## Quick Start Ask the assistant to run the extract skill on a target directory to consolidate repeated UI patterns into reusable components and tokens.

Frequently Asked Questions about extract

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

FAQPage Schema

How do I consolidate repeated UI patterns into reusable components?▼

Invoke this Skill with an optional target argument, and it delegates to $impeccable extract, which identifies duplicated UI patterns and refactors them into shared components and tokens.

What does the extract skill do with design tokens?▼

It passes the request to $impeccable extract, which consolidates repeated styling values into reusable design tokens alongside shared components, reducing duplication across the UI codebase.

Can I run extract on a specific directory or file?▼

Yes. The Skill accepts an optional target argument, indicated by the argument-hint [target], which is forwarded directly to the underlying $impeccable extract command.

Does the extract skill work standalone without $impeccable?▼

No. This Skill is a pinned shortcut that delegates all work to the $impeccable extract command, so the $impeccable environment must be available for it to function.