create_wireframe
Create wireframe UI mockups by stacking components like headers, buttons, and inputs. Choose device frame and theme to plan screens.
Instructions
Create a wireframe UI mockup.
Generates a simple wireframe with common UI components stacked vertically. Great for quick screen mockups and UI planning.
Component types:
header: Full-width header bar
text: Plain text block
button: Centered button
input: Text input field
image: Image placeholder
card: Content card
nav: Navigation bar
divider: Horizontal line
Args: components: List of UI components in order device: Device frame: "phone", "tablet", "desktop", "none" title: Optional wireframe title output_path: Optional output file path theme: Color theme
Returns: Absolute path to the generated .excalidraw file
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| theme | No | light | |
| title | No | ||
| device | No | phone | |
| components | Yes | ||
| output_path | No |
Output Schema
| Name | Required | Description | Default |
|---|---|---|---|
| result | Yes |