Skip to main content
affpapa.org
RU EN
skill CX Codex

swiftui-layout-components — Claude Code skill: setup and features

Guides SwiftUI screen layouts built from stacks, grids, lists, forms, and controls. Use it for settings, collections, and scrollable views.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add dpearson2699/swift-ios-skills --skill swiftui-layout-components -a claude-code
Open on GitHub

What swiftui-layout-components does

The skill explains when to choose regular stacks and when lazy containers fit large or changing collections. It also covers adaptive grids and List sections with row actions. Regular stacks create their children at once, so that choice matters for dynamic content.

Other topics include ScrollView, programmatic movement with ScrollPosition, forms using Toggle, Picker, and Slider, search with .searchable, and overlay patterns. The material targets iOS 26+ and Swift 6.3; many patterns work back to iOS 17 unless a section says otherwise. A GeometryReader inside a lazy container forces eager measurement, defeating lazy loading; .onGeometryChange is offered for reading dimensions instead.

What it helps with

  • choose a container for fixed content or a changing collection
  • build an adaptive grid for a gallery
  • create a settings list with sections and row actions
  • scroll programmatically to an item or edge
  • compose an input form with toggles and selection controls

Example prompts for the agent

  • Build an adaptive SwiftUI gallery grid from items.
  • Create a settings screen with sections, toggles, and a theme picker.
  • Add programmatic scrolling to the latest message in this list.

How to install swiftui-layout-components

1Skills CLI (Vercel)

npx skills add dpearson2699/swift-ios-skills --skill swiftui-layout-components -a claude-code

2Manually: put the files in place

~/.claude/skills/swiftui-layout-components/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/swiftui-layout-components/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about swiftui-layout-components

How do I install swiftui-layout-components in Claude Code?

Run npx skills add dpearson2699/swift-ios-skills --skill swiftui-layout-components -a claude-code. The skill file is at ~/.claude/skills/swiftui-layout-components/SKILL.md.

What does swiftui-layout-components do?

It provides guidance for SwiftUI layouts, including stacks, grids, lists, forms, search, and overlays.

Why avoid GeometryReader inside a lazy container?

It makes the container measure content eagerly, undermining lazy loading. The skill suggests .onGeometryChange for reading dimensions.

Similar skills

Everything for Mobile →
vercel-react-native-skills vercel A rules pack for React Native and Expo work: lists, animations, navigation, native modules. Load it so your agent makes mobile changes the same way every time. CX Codex +1 255,200installs animate-expo emilkowalski Builds React Native and Expo animations using Reanimated and Gesture Handler. Helps keep motion on the UI thread and avoid dropped frames on physical devices. CX Codex +1 137,900installs mobile-native emilkowalski Strips the tells that give a web app away on a phone: sticky hover, tap highlight flash, the 100vh bug. CX Codex +1 86,600installs aso coreyhaines31 Audits App Store and Google Play listings against store optimization standards. Helps uncover gaps in metadata, visual assets, and conversion. CX Codex +1 75,400installs swiftui-pro Paul Hudson Reviews SwiftUI code for deprecated APIs, data-flow issues, accessibility gaps, and performance concerns. Use it during feature work or code review. CX Codex +1 35,200installs orca-emulator stablyai Controls booted iOS Simulators inside Orca with a live device view. Handy for running gestures, hardware buttons, accessibility tree checks, and UI verification. CX Codex +1 5,800installs

From the same set86

ios-localization Guides localization work for iOS and macOS apps, from String Catalogs and plural forms to locale formatting and RTL layouts. CX Codex +1 4,300installs swift-testing Writes Swift Testing unit tests and converts existing XCTest assertions, flagging which checks belong in XCTest or XCUITest. CX Codex +1 4,300installs swiftui-navigation Provides SwiftUI navigation architectures, covering typed stacks, multi-column layouts, sheets, and tabs. Useful when structuring navigation state across iOS and macOS apps. CX Codex +1 4,400installs push-notifications Review, build, and debug local and APNs remote notifications for iOS and macOS in Swift. Handles permission flows, silent pushes, and service extensions. CX Codex +1 4,200installs debugging-instruments Helps debug crashes, find retain cycles, and diagnose main-thread hangs in iOS apps using LLDB, Memory Graph Debugger, and Instruments. CX Codex +1 4,100installs swiftui-liquid-glass Implement and review Liquid Glass in SwiftUI interfaces for iOS 26+. Useful when adding glass buttons, grouped effects, or animated shape changes. CX Codex +1 4,100installs swiftdata Gives the agent a working reference for SwiftData so persistence code on Swift 6.3 comes out right the first time. CX Codex +1 4,100installs swift-language Guides AI agents through modern Swift patterns for core, non-concurrency code. Useful when modernizing enums, generics, and protocols under recent compiler releases. CX Codex +1 4,000installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor