скилл CX Codex

swiftui-layout-components — скилл для Claude Code: установка и обзор

Q: Как установить swiftui-layout-components в Claude Code?

Выполни `npx skills add dpearson2699/swift-ios-skills --skill swiftui-layout-components -a claude-code`. Файл скилла находится по пути `~/.claude/skills/swiftui-layout-components/SKILL.md`.

Помогает собирать экраны SwiftUI из стеков, сеток, списков, форм и элементов управления. Пригодится для настроек, коллекций и экранов с прокруткой.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓

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

Открыть на GitHub

Что делает swiftui-layout-components

Скилл подсказывает, как выбирать между обычными и ленивыми стеками, строить адаптивные сетки и оформлять List с секциями и действиями. Для больших или динамических коллекций он рекомендует ленивые контейнеры: обычные стеки создают все дочерние элементы сразу.

В материалах есть приёмы для ScrollView, программной прокрутки через ScrollPosition, форм с Toggle, Picker и Slider, поиска через .searchable и наложений. Также разбираются настройки списков и прокрутки для iOS 26. Целевые версии — iOS 26+ и Swift 6.3; многие приёмы совместимы с iOS 17, если не оговорено иное. Вложенный в ленивый контейнер GeometryReader нарушает ленивую загрузку, поэтому для чтения размеров описан .onGeometryChange.

Какие задачи решает

выбрать стек для фиксированного содержимого или динамической коллекции
сверстать адаптивную сетку для галереи
собрать список настроек с секциями и действиями
добавить программную прокрутку к элементу или краю
оформить экран ввода с переключателями и выбором параметров

Примеры запросов агенту

Сверстай галерею из items адаптивной сеткой SwiftUI.
Сделай экран настроек с секциями, переключателями и выбором темы.
Добавь к списку сообщений программную прокрутку к последнему сообщению.

Как установить swiftui-layout-components

1Через Skills CLI (Vercel)

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

2Вручную: положить файлы

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

Папка скилла целиком; для одного проекта — .claude/skills/swiftui-layout-components/

1Через Skills CLI (Vercel)

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

2Вручную: положить файлы

.agents/skills/swiftui-layout-components/SKILL.md

Для всех проектов — ~/.agents/skills/

1Через Skills CLI (Vercel)

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

2Вручную: положить файлы

.cursor/skills/swiftui-layout-components/SKILL.md

Cursor читает и .agents/skills/, и .claude/skills/

1GitHub CLI

gh skill install dpearson2699/swift-ios-skills swiftui-layout-components

2Вручную: положить файлы

.github/skills/swiftui-layout-components/SKILL.md

1Через Skills CLI (Vercel)

npx skills add dpearson2699/swift-ios-skills --skill swiftui-layout-components -a gemini-cli

2Командой платформы

gemini skills install https://github.com/dpearson2699/swift-ios-skills --path skills/swiftui-layout-components

Вручную: положить файлы

.devin/skills/swiftui-layout-components/SKILL.md

Старый путь .windsurf/skills/ тоже читается

Через Skills CLI (Vercel)

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

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о swiftui-layout-components

Как установить swiftui-layout-components в Claude Code?

Выполни npx skills add dpearson2699/swift-ios-skills --skill swiftui-layout-components -a claude-code. Файл скилла находится по пути ~/.claude/skills/swiftui-layout-components/SKILL.md.

Что делает swiftui-layout-components?

Помогает проектировать интерфейсы SwiftUI: от стеков и сеток до списков, форм, поиска и наложений.

Почему скилл не советует помещать GeometryReader в ленивый контейнер?

Такой подход заставляет контейнер измерять содержимое заранее и лишает его ленивой загрузки. Для чтения размеров предлагается .onGeometryChange.

Из того же набора69

ios-localization Помогает внедрить и проверить локализацию iOS и macOS: каталоги строк, формы множественного числа, форматы и RTL-интерфейс. CX Codex +1 4 300установок swift-testing Пишет тесты на Swift Testing и переводит на них существующие проверки XCTest, подсказывая, что оставить в XCTest и XCUITest. CX Codex +1 4 300установок swiftui-navigation Скилл обучает ассистента строить типобезопасную навигацию в SwiftUI: от стеков со строгими маршрутами до модальных окон и вкладок. Пригодится при проектировании переходов для iOS и macOS. CX Codex +1 4 400установок push-notifications Настройка, отладка и аудит локальных и удалённых push-уведомлений в iOS и macOS на Swift. Помогает настроить APNs, категории действий и service extensions без типичных сбоев. CX Codex +1 4 200установок debugging-instruments Помогает искать утечки памяти, зависания главного потока и сбои в iOS-приложениях через LLDB, Memory Graph Debugger и Instruments. CX Codex +1 4 100установок swiftui-liquid-glass Скилл помогает добавлять и проверять Liquid Glass в интерфейсах SwiftUI для iOS 26+. Пригодится при настройке стеклянных кнопок, панелей и переходов. CX Codex +1 4 100установок swiftdata Подсказывает агенту, как писать модели, запросы и миграции SwiftData, чтобы код на Swift 6.3 собирался без типичных промахов. CX Codex +1 4 100установок swift-language Скилл обучает ассистента современному синтаксису Swift без многопоточности и SwiftUI. Пригодится при рефакторинге enum, дженериков и протоколов под актуальные версии языка. CX Codex +1 4 000установок