skills.rest
Jason-hub-star
Jason-hub-starCOMMUNITY
Explore all skills by this author →
GitHub

toss_wireframes

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

Updated Feb 25, 2026
Search Tags:#documentation#migration#ui-design#wireframes#ascii#tds-components
One-click install
npx skills add https://github.com/Jason-hub-star/TaillogToss --skill toss-wireframes-jason-hub-star
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: toss_wireframes
Source: https://github.com/Jason-hub-star/TaillogToss/tree/main/.agents/skills/_backup/20260301-132020/toss_wireframes
Command: npx skills add https://github.com/Jason-hub-star/TaillogToss --skill toss-wireframes-jason-hub-star

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

TaillogToss wireframes are scattered across older branches and formats. This Skill consolidates ASCII wireframes, TDS component mappings, and layout patterns into a single, discoverable unit for rapid reference by design and engineering teams.

Core Features & Use Cases

  • Centralized: ASCII wireframes (19 screens) with component mappings and five common layout patterns, enabling quick review during migration planning.
  • Reuse: Supports on-demand references via optional scripts/references/assets to extend context.
  • Use Case: When migrating screens from DogCoach Next.js to TaillogToss React Native, teams can consult the wireframes and flow to inform implementation.

Quick Start

Open the SKILL.md body to review all 19 ASCII wireframes and their TDS component mappings for migration guidance.

Frequently Asked Questions about toss_wireframes

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

FAQPage Schema
How do I index ASCII wireframes for migration planning?▼

Indexing ASCII wireframes for migration planning consolidates scattered screen layouts and TDS component mappings into a structured metadata profile for quick discovery. This provides design and engineering teams rapid reference access during screen reviews.

What are TDS component mappings and when do I need them for UI design?▼

TDS component mappings link ASCII wireframe layouts to specific UI design components. You need them when migrating screens between frameworks like DogCoach Next.js and TaillogToss React Native to inform implementation and maintain consistency.

Can I use ASCII wireframes for React Native migration from Next.js?▼

Yes, ASCII wireframes support React Native migration from Next.js by providing 19 centralized screen layouts and common layout patterns. Teams consult these wireframes and component flows to guide implementation during the framework transition.

How do I structure wireframe assets for quick discovery across teams?▼

Structuring wireframe assets for quick discovery requires a valid SKILL.md frontmatter with name and description, plus optional resources in scripts, references, or assets directories. This aligned schema enables fast access to screen layouts and component usage.

Does this wireframe indexing approach work without external dependencies?▼

Yes, wireframe indexing works without external dependencies. It requires only a valid SKILL.md frontmatter to consolidate ASCII wireframes and TDS component mappings, while optional scripts, references, and assets extend context on-demand.

What is the best way to consolidate scattered wireframes from older branches?▼

Consolidating scattered wireframes from older branches involves indexing them into a single discoverable unit with consistent schema. This centralizes 19 ASCII wireframes, component mappings, and five common layout patterns for rapid team reference.

Related Skills

Explore More Design & Creative Skills→
prateekprateek

tca-ios

Extract TCA iOS Skill Unit metadata from SKILL.md frontmatter into YAML.

Community
Advanced
kimjuyoung1127kimjuyoung1127

toss_wireframes

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

Community
Intermediate
jikimejikime
5

jikime-library-tds-react-native

Provide React Native UI components following the Toss Design System.

Community
Intermediate
BellaBeBellaBe
37

product-design-wireframes

Convert user flows into wireframe specifications using atomic design hierarchy.

Community
Advanced