render_file
Render UI component files with full dependency resolution via Vite config or CDN fallback. Auto-detects framework and supports dark mode and Tailwind versions.
Instructions
Render a component file with full dependency resolution. Uses your project's Vite config to resolve imports, path aliases, CSS modules, and node_modules. Falls back to CDN-based rendering if Vite is unavailable. Auto-detects framework from file extension.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| path | Yes | Absolute path to the component file | |
| props | No | Props to pass to the component | |
| width | No | Viewport width (px) | |
| height | No | Viewport height (px) | |
| darkMode | No | Render with dark mode | |
| tailwindVersion | No | Tailwind CSS version (3 or 4) | 3 |
| projectRoot | No | Project root directory override (defaults to auto-detect from file path) |