screen_to_tailwind_config
Extract a complete tailwind.config.ts from a screen design. Analyzes colors, fonts, spacing, border radii, shadows, and breakpoints to generate a ready-to-use Tailwind configuration.
Instructions
Extracts a complete tailwind.config.ts from a screen's design. Analyses colors, fonts, spacing scale, border radii, shadows, and breakpoints to produce a ready-to-use Tailwind CSS configuration object.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| prefix | No | Optional prefix for all generated utility classes (e.g. 'stitch'). | |
| screenId | Yes | The screen ID to extract from. | |
| projectId | Yes | The Stitch project ID. | |
| includePlugins | No | Include suggested Tailwind plugin recommendations. |