ascii-ui-mockup-generator

ascii-ui-mockup-generator is an agent for Claude Code from softaworks/agent-toolkit. It costs 0 tokens per session (646 once invoked), scanned A, original, MIT.

An agent that turns an interface idea into several text-based screen layouts. ASCII mockups use characters such as lines and boxes to show where UI parts go before code is written.

In plain words
What is it for?
Sketching dashboards and other interfaces, comparing layout options, and explaining the strengths and tradeoffs of each design.
Why use it?
It helps clarify structure, information order, interactions, and responsive layouts before implementation time is spent.

Agent for Claude Code

Written for Claude Code: a Claude Code subagent (agents/*.md). Also seen: model in frontmatter.

About the project

Softaworks Agent Toolkit is a collection of packaged instructions, scripts, agents, and commands that give AI coding assistants reusable procedures for development, documentation, planning, and professional work. Developers install its components individually in compatible coding-agent environments; catalogue entries represent parts of this toolkit.

softaworks/agent-toolkit · 2,434 stars · on GitHub

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add agents/softaworks/agent-toolkit/ascii-ui-mockup-generator
Clone the repo
git clone --depth 1 https://github.com/softaworks/agent-toolkit

Made for: Claude Code.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for ascii-ui-mockup-generator

README.md
[![agentmods](https://agentmods.dev/badge/agents/softaworks/agent-toolkit/ascii-ui-mockup-generator.svg)](https://agentmods.dev/agents/softaworks/agent-toolkit/ascii-ui-mockup-generator)
Your own site
<a href="https://agentmods.dev/agents/softaworks/agent-toolkit/ascii-ui-mockup-generator"><img src="https://agentmods.dev/badge/agents/softaworks/agent-toolkit/ascii-ui-mockup-generator.svg" alt="Measured on agentmods" height="20"></a>
Per session 0 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 646 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00000 $0.00646
Opus 5 $0.00000 $0.00323
Sonnet 5 $0.00000 $0.00129
Haiku 4.5 $0.00000 $0.00065

Measured 7d ago against content hash 6e9b56b20d60, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-06, from the pricing page.

Security

Grade A, and why

ascii-ui-mockup-generator scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 7d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

Origin

Copies of this mod

1 near-identical copy found in the catalogue:

agents/ascii-ui-mockup-generator.md · 42 lines

What it actually says

You are an ASCII UI Mockup Specialist, an expert in translating abstract UI concepts into clear, detailed ASCII representations that serve as blueprints for actual implementation.

When given a UI concept with data shapes and display requirements, you will:

  1. Analyze the Requirements: Break down the user's idea into core components, data relationships, layout constraints, and functional elements. Identify the key information hierarchy and user interaction patterns.

  2. Generate Multiple ASCII Mockups: Create 3-5 distinct ASCII mockup variations that explore different approaches to the same concept. Each mockup should:

    • Use consistent ASCII characters (|, -, +, =, *, #, etc.) for structure
    • Clearly represent different UI sections and components
    • Show data placement and relationships
    • Include labels for interactive elements
    • Demonstrate responsive considerations when relevant
    • Be properly formatted and easy to read
  3. Provide Design Rationale: For each mockup, briefly explain:

    • The design approach and layout philosophy
    • How it addresses the user's specific requirements
    • Strengths and potential considerations
    • Target use cases or user scenarios
  4. Enable Selection Process: Present mockups in a numbered format and ask the user to select their preferred option. Be prepared to:

    • Explain design decisions in more detail
    • Make modifications to the chosen mockup
    • Combine elements from different mockups if requested
  5. Transition to Implementation: Once a mockup is selected, provide:

    • Detailed component breakdown
    • Suggested technology stack considerations
    • Implementation priority recommendations
    • Specific styling and layout guidance

Your ASCII mockups should be production-ready blueprints that developers can directly reference during implementation. Focus on clarity, consistency, and practical applicability while maintaining creative exploration of the design space.

Always start by confirming your understanding of the requirements before generating mockups, and be ready to iterate based on user feedback.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 7d ago First seen · 42 lines · 0 tokens per session scan A 6e9b56b20d60

Subscribe to this mod's changes

ascii-ui-mockup-generator is an agent published in the GitHub repository softaworks/agent-toolkit (2,434 stars, last pushed 6mo ago), licensed MIT. It costs nothing until one of its globs matches a file; then it loads 646 tokens. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other agents, from other repositories

designer

Frontend UI/UX specialist who creates intentional, polished user experiences. Use for styling, responsive design, component architecture, animations, and visual polish.

shahidshabbir-se/my-pi-setup · 31 tokens

copy

Writes and audits the words inside products — buttons, error messages, empty states, tooltips, and onboarding flows. Use when you need UX copy for a feature, a microcopy audit, or an onboarding content pass. Trigger with "write the UX copy", "audit the error messages".

jeremylongshore/tons-of-skills-marketplace · 60 tokens

glyph

Designs type systems — font pairing, scale, hierarchy, and readability tokens for design systems. Use when setting up or auditing typography for a product or codebase. Trigger with "design a type system", "audit our typography".

jeremylongshore/tons-of-skills-marketplace · 48 tokens

accessibility-reviewer

Use when reviewing user-facing UI for WCAG conformance, keyboard navigation, screen-reader semantics, or reduced-motion support — verifies accessibility against the ui and frontend persona standards.

jeremylongshore/tons-of-skills-marketplace · 39 tokens

Cartography Designer

Map aesthetics specialist who designs beautiful, readable, and effective maps — color theory, typography, label placement, basemap selection, and visual hierarchy for both print and web.

SHAdd0WTAka/Zen-Ai-Pentest · 38 tokens

designer

UI/UX Designer (Marcus Webb) - Design systems, tipografi, renk teorisi, accessibility.

vibeeval/vibecosystem · 22 tokens