AgentStack
Sign in Publish
MCP servers Skills Toolkits Why AgentStack Sell Docs
Sign in
SKILL verified MIT Self-run

Wiretext

skill-tommylower-cortex-wiretext · by tommylower

ASCII wireframe tool with an MCP server for Claude Code. Generate and edit wireframes from the terminal using primitives (box, text, line, arrow) and components (button, input, select, table, modal, navbar, tabs, card, etc.), then fine-tune in the browser via an editable URL. Use when the user wants to wireframe a page or section before building, sketch out layout structure, plan content hierarch…

↗ Repository
— No reviews yet
0 installs
0 views
— view→install

Install

$ agentstack add skill-tommylower-cortex-wiretext

✓ scanned · ✓ verified — works with Claude Code, Cursor, and more.

Security review

✓ Passed

No issues found. Passed automated security review. · v0.1.0 How review works →

  • ✓ Prompt-injection patterns
  • ✓ Secret / credential exfiltration
  • ✓ Dangerous shell & filesystem operations
  • ✓ Untrusted network calls
  • ✓ Known-malicious package signatures

What it can access

  • ✓ Network access No
  • ✓ Filesystem access No
  • ✓ Shell / process execution No
  • ✓ Environment & secrets No
  • ✓ Dynamic code execution No

From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.

Are you the author of Wiretext? Claim this listing to set pricing, connect Stripe payouts, and keep 70% of every sale.
Sign up to claim

About

Wiretext

ASCII wireframe tool with MCP server integration for Claude Code. Generate and edit wireframes directly from the terminal, then fine-tune in the browser.

MCP Setup (Claude Code)

claude mcp add wiretext -- npx -y @wiretext/mcp

MCP Tools

  • create_wireframe — generate an editable wiretext URL from wire objects
  • render_wireframe — render wire objects as ASCII art inline

Primitives

box, text, line, arrow

Components

button, input, select, checkbox, radio, toggle, table, modal, browser, card, navbar, tabs, progress, icon, image, alert, avatar, divider, breadcrumb, list, stepper, rating, skeleton

Workflow

  1. Tell Claude Code to wireframe a section/page using wiretext MCP
  2. CC generates wire objects and returns editable wiretext URL
  3. Open URL in browser, fine-tune layout and components
  4. Use wireframe as reference to build in code

Notes

  • Use for rapid wireframing before building in code or Figma
  • Focus on content hierarchy and structure, not pixel precision
  • Pairs well with section-by-section page builds

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

Install and usage instructions live in the source repository linked above.

Reviews

No reviews yet — be the first.

Write a review

Versions

  • v0.1.0 Imported from the upstream source.

More in Web & Browser