Skills
.Work. You
Rest

ui-catalog

Community

Auto-generate a UI catalog from templates.

Design & Creative#automation#template#documentation#components#design-system#ui-catalog
Authorcuongnm-dev
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Streamlines creating a centralized UI component catalog by scanning a UI template or Figma kit and exporting to docs/ui-library/component-catalog.md. Run once after installing or upgrading the template to avoid repeated Figma MCP lookups.

Core Features & Use Cases

  • Discover UI components from the template by scanning the codebase (tsx/jsx/vue) and theme tokens.
  • Generate a standardized catalog at docs/ui-library/component-catalog.md that designers and developers can read offline.
  • Use case: after upgrading a template, you only re-run to refresh the catalog once, then design/dev teams rely on static catalog for discovery.

Quick Start

Run the ui-catalog skill to generate docs/ui-library/component-catalog.md from the current UI template.

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: ui-catalog
Download link: https://github.com/cuongnm-dev/team-ai-config/archive/main.zip#ui-catalog

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.