delimit_design_generate_component
Scaffold a React/Next.js component (.tsx) with props interface and Tailwind class structure. Writes a new component file, detecting Tailwind config in the project.
Instructions
Generate a React/Next.js component skeleton with Tailwind support.
When to use: to scaffold a new component (.tsx) with props interface and Tailwind class structure. When NOT to use: to generate stories for an existing component (use delimit_story_generate) or extract design tokens (delimit_design_extract_tokens).
Sibling contrast: delimit_story_generate adds stories to a component; this creates the component itself.
Side effects: writes a new component file (.tsx) under output_path or components//.tsx via backends.ui_bridge.design_generate_component. Detects Tailwind config inside project_path.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| component_name | Yes | Component name (PascalCase). Required. | |
| figma_node_id | No | Optional Figma node ID (reserved for future use). | |
| output_path | No | Output file path. Default = components/<Name>/<Name>.tsx. | |
| project_path | No | Project root for Tailwind detection. |
Output Schema
| Name | Required | Description | Default |
|---|---|---|---|
No arguments | |||