Skills
.Work. You
Rest

UIKit Horizontal-First Layouting

Community

ASCII-first UIKit layouts with instant previews

Design & Creative#architecture#layout#iOS#design-patterns#horizontal-slicing#UIKit#ascii-preview
Authorarimunandar
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill introduces a disciplined, ASCII-driven approach to UIKit layout design, ensuring visual planning precedes code and reducing subsequent rewrites.

Core Features & Use Cases

  • ASCII-first preview: Always generate an ASCII visualization of the screen layout before implementing constraints and views.
  • Horizontal slicing: Break screens into horizontal rows to simplify constraints and improve maintainability.
  • Stepwise implementation: Build each row top-to-bottom, with user confirmation before code generation.
  • Use Case: Designers and developers collaborating on a login or settings screen align on structure before writing UIKit code.

Quick Start

Draw the full ASCII preview of the target screen, detail each row's content and height, then confirm before generating UIKit code.

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: UIKit Horizontal-First Layouting
Download link: https://github.com/arimunandar/claude-code-ios-plugin/archive/main.zip#uikit-horizontal-first-layouting

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.