web_extract_vibe_components
Extract design tokens and convert target DOM elements like headers or heroes into standalone React JSX components for immediate vibe coding.
Instructions
Extracts design tokens (colors, font hierarchy, Tailwind theme extension) and converts target DOM elements (header, hero, nav, etc.) into clean, standalone React JSX components for immediate vibe coding.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| url | Yes | Target website URL | |
| selector | No | DOM tag or selector to extract into React JSX (default: header) |