Wireframe and drop assets
Generate Mermaid diagrams or sketch-style HTML from a description; drop assets into the inbox.
Generate a wireframe
construct wireframe "user settings page with avatar, display name, and notification toggles"
Auto-detects the best output format (Mermaid diagram or sketch-style HTML) based on the
description. Writes the file to .construct/wireframes/ and prints the path.
open ".construct/wireframes/user-settings-2026-04-30T00-00-00.html"
Force a specific diagram type
construct wireframe "checkout flow" --type flow
construct wireframe "order state machine" --type state
construct wireframe "API auth sequence" --type sequence
construct wireframe "user–post–comment entities" --type er
construct wireframe "dashboard layout" --type layout
construct wireframe "new user activation" --type user-journey
| Type | When to use |
|---|---|
flow | Decision trees, process flows |
state | State machines, lifecycle diagrams |
sequence | Service-to-service message flows |
er | Entity-relationship diagrams |
layout | Page/component layout sketches (HTML output) |
user-journey | User-facing step sequences |
HTML output is self-contained: no server needed. Share the file directly or commit it under
docs/wireframes/.
Ingest a dropped file
construct drop
Picks the most recently modified file in ~/Downloads, ~/Desktop, ~/Documents, or iCloud
Drive and ingests it into the knowledge base (same pipeline as construct ingest).
Preview before ingesting
construct drop --list
Shows the 10 most recent droppable files with modification times. Nothing is ingested.
Pick a specific file from the list
construct drop --index 2
Ingests the second file from the --list output.
Limit to recently dropped files
construct drop --since 30m
Only considers files modified in the last 30 minutes. Useful if you dropped multiple files and want the one you just saved.
Filter by extension
construct drop --type pdf
Only considers .pdf files.
After ingestion, the file is available via construct ask and construct search.