update-ui-inventory

Update UI component inventory and documentation from codebase files.

5|Updated Nov 22, 2025
One-click install
npx skills add https://github.com/AutumnsGrove/Lattice --skill update-ui-inventory
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: update-ui-inventory
Source: https://github.com/AutumnsGrove/Lattice/tree/main/.claude/skills/update-ui-inventory
Command: npx skills add https://github.com/AutumnsGrove/Lattice --skill update-ui-inventory

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill ensures that the documentation and inventory counts for UI components accurately reflect the actual codebase, preventing discrepancies and improving maintainability.

Core Features & Use Cases

  • Automated Counting: Scans component directories to count files accurately.
  • Inventory Synchronization: Updates a central JSON inventory file with current counts.
  • Documentation Updates: Modifies the component reference markdown file to reflect new counts and component additions.
  • Use Case: After adding a new button component, run this skill to automatically update the .github/component-inventory.json file and the docs/design-system/COMPONENT-REFERENCE.md to include the new component and its count.

Quick Start

Run the update-ui-inventory skill to synchronize component counts and documentation.

Frequently Asked Questions about update-ui-inventory

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

FAQPage Schema
How do I sync UI component documentation with my codebase automatically?

Sync UI component documentation by running this skill to scan component directories, audit file counts, and update markdown reference files to accurately reflect the current codebase.

How do I update component inventory counts in a JSON file after adding new UI elements?

Update component inventory counts by scanning the UI components source directory and automatically synchronizing the file counts into a central JSON inventory file.

What is the best way to maintain accuracy between UI component files and design system docs?

Maintain accuracy between UI component files and design system docs by auditing the component source directory and updating both the JSON inventory and markdown reference files.

Does this documentation sync tool require any external dependencies to run?

No, this documentation sync tool requires no external dependencies. It operates independently using internal scripts and references to update component inventory and markdown files.

Can I use this skill to update markdown files for a design system component reference?

Yes, you can use this skill to update markdown files for a design system component reference. It modifies the documentation to reflect new component additions and updated counts.

When should I run a component inventory audit to prevent codebase discrepancies?

Run a component inventory audit whenever you add or remove UI elements from the codebase. This ensures the JSON inventory and markdown documentation accurately reflect the current component files.