library-management

Register, list, and remove brand design systems in a local design library.

Updated Apr 10, 2026
One-click install
npx skills add https://github.com/imehr/design-extractor --skill library-management-imehr
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: library-management
Source: https://github.com/imehr/design-extractor/tree/main/skills/library-management
Command: npx skills add https://github.com/imehr/design-extractor --skill library-management-imehr

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill centralizes management of a local design library at ~/.claude/design-library so extracted brand design systems can be registered, discovered, and applied to projects without ad-hoc filesystem scanning or manual copying.

Core Features & Use Cases

  • Index management: register, upsert, and remove brand entries in index.json with slug, source URL, extraction date, and path.
  • Listing and inspection: list installed brands, show confidence and scores, and re-index after manual edits while treating index.json as the single source of truth.
  • Apply to project: copy design-tokens.css, design-tokens.json, and DESIGN.md into a target project, merge Tailwind configuration where possible, and preview destructive changes before they are applied.
  • Use case: Install a previously extracted brand into a Next.js app to import tokens and documentation for consistent styling.

Quick Start

Apply the westpac brand from my local design library to the project at /path/to/my/project.

Frequently Asked Questions about library-management

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

FAQPage Schema
How do I apply extracted brand design tokens to a local project?

To apply extracted brand design tokens, the Skill copies design-tokens.css, design-tokens.json, and DESIGN.md from your local design library into the target project directory while merging Tailwind configuration and previewing destructive changes.

What is the best way to manage a local design library of extracted brand systems?

Managing a local design library involves registering, listing, and removing extracted brand systems using an index.json file as the single source of truth, storing slug, source URL, extraction date, and path for each brand.

Can I merge Tailwind configuration when applying a brand design to my project?

Yes, you can merge Tailwind configuration when applying a brand design. The Skill preserves existing Tailwind configuration while merging new settings during the design-tokens application process.

How do I re-index my design library after manually editing brand directories?

To re-index after manual edits, the Skill scans brand directories and updates the index.json file to ensure your local design library reflects changes made to metadata.json or stored design artefacts.

Does applying design tokens to a project overwrite my existing files?

Applying design tokens does not blindly overwrite files. The Skill previews destructive changes before copying design-tokens.css, design-tokens.json, or DESIGN.md into your target project to preserve existing configurations.

What files are required in a brand folder to register it in the design library?

A metadata.json file is required in the brand folder to register it in the design library. The folder should also contain design artefacts like design-tokens.css, design-tokens.json, and DESIGN.md for project application.