generate-registry-entry

What problem does it solve?

This Skill automates the creation of ComponentRegistry entries by analyzing the React component's props, variants, and events to produce a TypeScript object that matches the ComponentDefinition interface.

Core Features & Use Cases

• Component Analysis: Inspect the component's props, variants, and event handlers to derive registry fields.
• Structured Output: Generates a TypeScript object with fields like name, displayName, description, category, icon, component, props, defaultAction, and binding.
• Usage Pattern: When asked to register a component or add it to config, returns only the code block with the registry entry.

Quick Start

When prompted to register a new component, supply the React component and receive a ready-to-use UiComponentName registry block.