02-PLAN-mockup

Official

Design UIs with ASCII wireframes and microcopy.

Authormedtrics
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps product teams visualize user interfaces by generating detailed ASCII wireframes and crafting precise microcopy, ensuring clarity and consistency in the design phase before development begins.

Core Features & Use Cases

  • ASCII Wireframing: Create visual representations of screen layouts using text characters.
  • Interaction Flow Mapping: Define how users navigate and interact with the interface.
  • Microcopy Generation: Write clear, concise, and user-friendly text for UI elements.
  • Use Case: When designing a new feature, use this Skill to quickly generate wireframes for the main screens, map out the user flow for creating a new record, and write all the button labels and form field hints.

Quick Start

Generate ASCII wireframes and microcopy for a new user profile page.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: 02-PLAN-mockup
Download link: https://github.com/medtrics/medtrics-acumen/archive/main.zip#02-plan-mockup

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.