Skip to content

Component Inventory

Scaffolds a component inventory with structured status tracking, ownership metadata, and an optional accessibility checklist. Provides a single registry for tracking every UI component from proposal through deprecation, with framework-specific implementation notes and audit history.

Namecomponent-inventory
Version0.1.0
Categorydesign
LicenseApache-2.0
Personadesign
Tagscomponents, inventory, accessibility, design, audit
Sourcetemplates/component-inventory

Render it

Three front doors, one catalog. Pick whichever suits the caller.

# CLI
npx @nanohype/sdk render component-inventory --out ./my-app

# SDK
import { LocalSource, renderTemplate } from "@nanohype/sdk";
const result = await renderTemplate(source, "component-inventory", variables);

# MCP — from an agent
get_template({ name: "component-inventory" })

Variables

Required

ProjectName string
Kebab-case project name, used as directory and reference identifier Must be lowercase kebab-case starting with a letter.

Optional

Framework string — defaults to react
Frontend framework used for component implementation
IncludeA11yChecklist bool — defaults to true
Include accessibility audit checklist for component reviews

What it produces

3 files. Placeholder names such as __APP_NAME__ are what the renderer substitutes into.

a11y/checklist.md
inventory/components.yaml
inventory/status-tracker.yaml

Composes with