Skip to content
Back to skills

Component Catalog

ASecurity

How to access metadata about Vivid components. Use to list available components or query their API.

  • 2 stars
  • 0 votes
  • 0 copies
  • 0 views
  • Added September 27, 2026
developmentapi

Works with

  • api

Security analysis

A100/100

Scanned September 27, 2026

npx -y skills add David-Li0406/meta-skill-evloving --skill component-catalog --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Component Catalog?

Add the live security badge to your README. It updates with every re-scan.

Security grade badge for Component Catalog
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/david-li0406-component-catalog/badge)](https://www.skillsdirectory.com/skills/david-li0406-component-catalog)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro
SKILL.md
---
name: component-catalog
description: How to access metadata about Vivid components. Use to list available components or query their API.
---

The API of all components is defined in `libs/components/metadata.json`.
Since the file is very large, always use scripting (e.g. with `jq`) to extract just the data that you need.

The content of the file has type `{ componentDefs: ComponentDef[]; }`.
Read `libs/wrapper-gen/src/common/ComponentDef.ts` for the definition of `ComponentDef`.

Attribution

David-Li0406View sourceSee grades on GitHubMore from David-Li0406

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments

Loading comments…