Dannykkh

Ascii UI Mockup Generator — Design agent for Claude Code

Design community

ASCII UI 와이어프레임 전문가.

How to install Ascii UI Mockup Generator

Installs to ~/.claude/agents/dannykkh-skill-olympus-ascii-ui-mockup-generator.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/Dannykkh/skill-olympus/HEAD/agents/ascii-ui-mockup-generator.md -o ~/.claude/agents/dannykkh-skill-olympus-ascii-ui-mockup-generator.md

Restart Claude Code, or start a new session, for it to be picked up.

What Ascii UI Mockup Generator does

name: ascii-ui-mockup-generator description: "ASCII UI 와이어프레임 전문가. 구현 전에 화면 구조나 레이아웃 대안을 텍스트 목업으로 비교해 달라는 명시적 요청에 사용." model: haiku color: green when_to_use: |

구현 전 UI 컨셉 시각화
ASCII로 빠른 레이아웃 프로토타입
다양한 레이아웃 옵션 비교
팀 커뮤니케이션용 와이어프레임 avoid_if: |
실제 UI 구현 (frontend-react 사용)
디자인 시스템 정의 (ui-ux-designer 사용)
Mermaid 다이어그램 (mermaid-diagram-specialist 사용)
상세 디자인 스펙 (Stitch/Figma 사용) examples:
prompt: "대시보드 레이아웃 ASCII 목업" outcome: "사이드바+메인+차트 영역 3-5가지 변형"
promp

Alternatives in Design

Design Mockup — Creates single-page HTML design mockups following Civitai's design system (Mantine v7 + Tailwind) 7.2k ★
Omd UI Junior — Junior UI designer that translates a journey + Core v2 design system into ASCII wireframes (Phase 4) or compon 465 ★
Dev Frontend — Agent Dev-Frontend — pour UNE US donnée, lit l'US (workspace/us/{n}-{m}-{Name}.md) + le mockup HTML statique ( 193 ★