Skills
.Work. You
Rest

swiftui-layout-components

Community

Build SwiftUI layouts with stacks and grids.

Software Engineering#layout#components#swiftui#ios development#stacks#ui patterns#grids
Authorandrew-d
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps developers build sophisticated and responsive user interfaces in SwiftUI by providing guidance and patterns for common layout and component structures.

Core Features & Use Cases

  • Layout Fundamentals: Master VStack, HStack, ZStack, and their lazy counterparts for efficient content arrangement.
  • Grid Systems: Implement adaptive and fixed-column grids for visual selections like icon pickers or media galleries.
  • List Patterns: Create structured feeds and settings screens using List and Section with built-in accessibility and row management.
  • Interactive Components: Utilize Form, Toggle, Picker, Slider, and .searchable for user input and data display.
  • Use Case: When designing a settings screen for a mobile app, use Form with Sections to group related options like notifications and appearance, ensuring a clean and organized user experience.

Quick Start

Use the swiftui-layout-components skill to create a basic VStack with two Text views.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: swiftui-layout-components
Download link: https://github.com/andrew-d/claude-skills/archive/main.zip#swiftui-layout-components

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.