skills.rest
kimjuyoung1127
kimjuyoung1127COMMUNITY
Explore all skills by this author →
GitHub

toss_wireframes

Document TaillogToss screen wireframes as ASCII diagrams mapped to TDS components.

Updated Feb 25, 2026
Search Tags:#documentation#reference#wireframes#ascii#layout-patterns#ui-migration#tds
One-click install
npx skills add https://github.com/kimjuyoung1127/TaillogToss --skill toss-wireframes
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: toss_wireframes
Source: https://github.com/kimjuyoung1127/TaillogToss/tree/main/.claude/skills/toss_wireframes
Command: npx skills add https://github.com/kimjuyoung1127/TaillogToss --skill toss-wireframes

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

TaillogToss의 화면 와이어프레임을 한 곳에서 참조하고, TDS 컴포넌트 매핑 및 5가지 공통 레이아웃 패턴에 대한 명세를 제공합니다.

Core Features & Use Cases

  • ASCII 기반 19개 화면 와이어프레임의 구성
  • TDS 컴포넌트 매핑과 화면 흐름/경로 문서화
  • 레이아웃 패턴 재사용을 위한 템플릿 제공

Quick Start

Use the toss_wireframes skill to review ASCII wireframes and their component mappings for migration planning.

Frequently Asked Questions about toss_wireframes

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I document wireframes and map them to a TDS component catalog?▼

Wireframe documentation and TDS component mapping are handled by generating ASCII diagrams for 19 TaillogToss screens, linking each layout directly to reusable TDS components for migration planning.

What is an ASCII wireframe layout pattern and when do I need it for UI migration?▼

An ASCII wireframe layout pattern is a text-based structural representation of UI screens. You need it for UI migrations when planning screen flows and mapping reusable components across multiple screens without visual rendering tools.

How do I use layout patterns for multi-screen UI migration planning?▼

Use layout patterns for UI migration by referencing 5 common layout templates and 19 documented screen wireframes. Apply these ASCII templates to map screen flows and verify TDS component consistency across target screens.

Do I need external dependencies to generate ASCII wireframes?▼

No external dependencies are required to generate ASCII wireframes. The skill operates standalone to produce text-based layout patterns and TDS component mappings without installing additional frameworks or libraries.

Can I reuse TDS component mappings across different screens?▼

Yes, TDS component mappings are designed for reuse across different screens. The skill provides 19 frame specifications and 5 layout patterns that standardize component usage for consistent UI migration and design reference.

What's the best way to reference TaillogToss screen flows?▼

The best way to reference TaillogToss screen flows is through the provided ASCII wireframe documentation, which maps 19 screens and 5 layout patterns to TDS components for visual flow verification and planning.

Related Skills

Explore More Design & Creative Skills→
Jason-hub-starJason-hub-star

toss_wireframes

Indexes TaillogToss ASCII wireframes and TDS mappings into a structured profile for discovery.

Community
Basic
gridi-aigridi-ai
1

wireframer

Generate per-screen ASCII wireframes and Mermaid flowcharts from user stories.

Official
Intermediate
sc30gswsc30gsw
11

ui-advice

Provide UI design pattern recommendations with ASCII wireframes.

Community
Intermediate
heximaoheximao

ascii-art

Generate ASCII art banners, cowsay images, boxes, and image conversions.

Community
Intermediate