Register local components
Last updated September 14, 2026
studio:component:register registers UI components you've already written. Point it at a file or a directory. It infers each component's prop schema (from TypeScript types, PropTypes, or JSDoc), generates the registerComponent calls, and adds them to your Studio components registry. Afterward the components appear in Studio's palette under Registered Components.
Usage
A single file:
csdx studio:component:register --component-path=src/components/Button.tsx
A whole directory:
csdx studio:component:register --component-dir=./components
If you pass neither flag, the CLI prompts for a file or directory path.
Flags
| Flag | Alias | Description |
|---|---|---|
| --component-path | -p | Path to a single component file to register |
| --component-dir | -d | Path to a directory of components to register |
See also
- Registering components: what registration means and the underlying API.
- register-component: the conversational (LLM) equivalent.
- Studio CLI