screen_to_react
Convert a Stitch screen's HTML into a typed React/TSX component with Tailwind classes and imports, ready for direct integration.
Instructions
Converts a Stitch screen's HTML into a clean React/TSX function component with a typed props interface, Tailwind CSS classes extracted from inline styles where possible, and proper imports. Returns usable React code ready to drop into a project.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| screenId | Yes | The screen ID to convert. | |
| projectId | Yes | The Stitch project ID. | |
| componentName | No | Name for the generated React component (PascalCase). Defaults to 'Screen'. | |
| includeResponsive | No | Include responsive Tailwind modifiers (sm:, md:, lg:). |