DevelopmentMédio

SwiftUI Layout & Components

pordpearson2699·dpearson2699· v1.0.0 · atualizado em 2026-04-10

Score

Build SwiftUI layouts using stacks, grids, lists, scroll views, forms, and controls. Covers VStack/HStack/ZStack, LazyVGrid/LazyHGrid, List with sections and swipe actions, ScrollView with ScrollViewReader, Form with validation, Toggle/Picker/Slider, .searchable, and overlay patterns. Use when building data-driven layouts, collection views, settings screens, search interfaces, or transient overlay UI.

swiftuiioslayoutui-componentsmobile-developmentswiftuser-interface

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdswiftui-layout-components/workflow

Determine the required layout type (stack, grid, list, scroll view, form).

Choose appropriate SwiftUI components (VStack, LazyVGrid, List, etc.).

Implement data binding using @State, @Binding, or @AppStorage.

Apply styling and modifiers for desired appearance (padding, font, colors).

Add accessibility features (labels, hints).

Test on different iOS devices and screen sizes.

Optimize for performance (lazy loading, avoiding GeometryReader in lazy containers).

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

Compõe comSwiftUI Patterns

70%

Compõe comSwiftUI Navigation

70%

Similar aSwiftUI Performance Audit

60%

Similar aArchitecting Flutter Layouts

60%

Árvore do Skill

SwiftUI Layout & Components

swiftui-layout-components

Fases Cognitivas6

1.SENSE

2.CONTEXTUALIZE

3.HYPOTHESIZE

4.EVALUATE

5.ACT

6.REFLECT

Triggers8

build a SwiftUI layoutcreate a SwiftUI gridimplement a SwiftUI listadd a scroll view in SwiftUIcreate a form in SwiftUIadd searchable functionality to SwiftUIuse SwiftUI overlaybuild a data-driven layout in SwiftUI

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download swiftui-layout-components

$ synaptic skills detail swiftui-layout-components

$ synaptic skills live swiftui-layout-components

Links

GitHub Repository