Skills
.Work. You
Rest

swift-layout

Community

Master SwiftUI and UIKit layout systems.

Software Engineering#layout#swift#ios#ui design#swiftui#uikit
AuthorVoldemortGin
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides guidance on effectively structuring and sizing UI elements in both SwiftUI and UIKit, ensuring responsive and visually appealing interfaces.

Core Features & Use Cases

  • SwiftUI Layout: Covers stacks (HStack, VStack, ZStack), grids (LazyVGrid, LazyHGrid), sizing modifiers, and advanced concepts like the Layout protocol.
  • UIKit Layout: Explains Auto Layout, constraints, and how they map to SwiftUI equivalents.
  • Best Practices: Highlights anti-patterns and when to use specific tools like GeometryReader.
  • Use Case: You need to create a responsive card layout in SwiftUI that adapts to different screen sizes and orientations. This skill will guide you through using LazyVGrid with adaptive columns and appropriate frame modifiers.

Quick Start

Show me how to create a basic vertical stack with a header and two text elements in SwiftUI.

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: swift-layout
Download link: https://github.com/VoldemortGin/claude-skills/archive/main.zip#swift-layout

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.