Terminal Console Style
A high-contrast command-line interface aesthetic with monospaced typography
Design
terminal
console
cli
retro
monochrome
developer
hacker
MCP Tool
render_wireframe
Output Type
Design
Input Examples
Copy
Describe the screen (e.g. "a developer settings panel" or "a network status dashboard")
How to Use
1
Connect MCP Server
Add MockFlow WireframePro MCP to your AI assistant:
Desktop MCP
Web MCP
claude mcp add --transport http -s user mockflow-wireframepro http://localhost:21194/mcp
Requires MockFlow Desktop app running locally
npm install -g @mockflow/wireframepro-mcp && mockflow-wireframepro-mcp login && mockflow-wireframepro-mcp
Install CLI, login with your MockFlow account, then start the server
2
Install Skill
Download the SKILL.md file and place it in your skills directory:
~/.claude/skills/mockflow-terminal-console-style/SKILL.md
3
Use the Skill
Claude Code will auto-detect when your prompt matches the skill. You can also invoke it directly with
/mockflow-terminal-console-style.Related skills
Slack Block Kit Interface
Design screens that mimic the Slack desktop client using standard Block Kit components
Creative Workspace Canvas
A clean, vibrant, and functional design inspired by the Canva web application interface.
Anthropic Style
A clean, academic-inspired design with a warm neutral palette and sophisticated typography.
Soft Pastel Theme
A gentle and modern design system using soft pastel tones and rounded components.
Support
Videos
