Communitygithub.com

dimillian/swiftui-ui-patterns

Bonnes pratiques et conseils basés sur des exemples pour construire des vues et composants SwiftUI, incluant les hiérarchies de navigation, les modificateurs de vue personnalisés et les mises en page responsives avec piles et grilles. À utiliser lors de la création ou du refactoring d'une UI SwiftUI, de la conception d'architecture à onglets avec TabView, de la composition d'écrans avec VStack/HStack, de la gestion de @State ou @Binding, de la construction d'interfaces iOS déclaratives, ou lorsqu'on a besoin de modèles et d'exemples spécifiques à un composant.

Qu'est-ce que swiftui-ui-patterns ?

Ce skill regroupe un ensemble de bonnes pratiques et de modèles éprouvés pour la construction d'interfaces utilisateur en SwiftUI. Il couvre des sujets essentiels comme la gestion de la navigation (NavigationStack, NavigationSplitView), les modificateurs de vue personnalisés (ViewModifier), et les mises en page responsives utilisant VStack, HStack, ZStack et LazyVGrid. Le skill est particulièrement utile lors de la création ou du refactoring de vues SwiftUI, notamment pour la conception d'architectures à onglets avec TabView ou la composition d'écrans complexes. Il s'appuie sur des exemples concrets et des explications détaillées pour illustrer chaque pattern, ce qui le rend accessible aux développeurs de tous niveaux. Idéal pour tout projet iOS nécessitant une UI déclarative et modulaire, ou lorsque vous avez besoin de modèles spécifiques pour des composants comme les listes, les formulaires ou les animations.

Compatible avec~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add https://github.com/dimillian/skills/tree/main/skills/swiftui-ui-patterns
Voir l'original→Voir toutes les compétences

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

Que fait swiftui-ui-patterns ?

Bonnes pratiques et conseils basés sur des exemples pour construire des vues et composants SwiftUI, incluant les hiérarchies de navigation, les modificateurs de vue personnalisés et les mises en page responsives avec piles et grilles. À utiliser lors de la création ou du refactoring d'une UI SwiftUI, de la conception d'architecture à onglets avec TabView, de la composition d'écrans avec VStack/HStack, de la gestion de @State ou @Binding, de la construction d'interfaces iOS déclaratives, ou lorsqu'on a besoin de modèles et d'exemples spécifiques à un composant.

Navigation

  • Utilisez NavigationStack pour une navigation hiérarchique
  • Préférez NavigationSplitView pour les mises en page à plusieurs colonnes
  • Personnalisez la barre de navigation avec .navigationTitle() et .toolbar()

Modificateurs de vue personnalisés

struct BoutonPrincipal: ViewModifier {
    func body(content: Content) -> some View {
        content
            .padding()
            .background(Color.accentColor)
            .foregroundColor(.white)
            .clipShape(Capsule())
    }
}

Mise en page responsive

  • Utilisez VStack et HStack pour les mises en page linéaires
  • Exploitez ZStack pour superposer des vues
  • Adoptez LazyVGrid pour les grilles de données

Gestion d'état

  • @State pour des données locales à la vue
  • @Binding pour partager l'état entre les vues
  • @ObservableObject pour des objets partagés

Exemples

  • TabView avec plusieurs onglets et vues intégrées
  • Liste d'éléments avec NavigationLink pour la navigation détaillée
  • Animations fluides avec withAnimation

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

dimillian/app-store-changelog

Create user-facing App Store release notes by collecting and summarizing all user-impacting changes since the last git tag (or a specified ref). Use when asked to generate a comprehensive release changelog, App Store "What's New" text, or release notes based on git history or tags.

dimillian/ios-debugger-agent

Use XcodeBuildMCP to build, run, launch, and debug the current iOS project on a booted simulator. Trigger when asked to run an iOS app, interact with the simulator UI, inspect on-screen state, capture logs/console output, or diagnose runtime behavior using XcodeBuildMCP tools.

dimillian/macos-spm-app-packaging

Scaffold, build, and package SwiftPM-based macOS apps without an Xcode project. Use when you need a from-scratch macOS app layout, SwiftPM targets/resources, a custom .app bundle assembly script, or signing/notarization/appcast steps outside Xcode.

dimillian/swift-concurrency-expert

Swift Concurrency review and remediation for Swift 6.2+. Use when asked to review Swift Concurrency usage, improve concurrency compliance, or fix Swift concurrency compiler errors in a feature or file. Concrete actions include adding Sendable conformance, applying @MainActor annotations, resolving actor isolation warnings, fixing data race diagnostics, and migrating completion handlers to async/await.

dimillian/swiftui-liquid-glass

Implement, review, or improve SwiftUI features using the iOS 26+ Liquid Glass API. Use when asked to adopt Liquid Glass in new SwiftUI UI, refactor an existing feature to Liquid Glass, or review Liquid Glass usage for correctness, performance, and design alignment.

dimillian/swiftui-performance-audit

Audit and improve SwiftUI runtime performance from code review and architecture. Use for requests to diagnose slow rendering, janky scrolling, high CPU/memory usage, excessive view updates, or layout thrash in SwiftUI apps, and to provide guidance for user-run Instruments profiling when code review alone is insufficient.

dimillian/swiftui-view-refactor

Refactor and review SwiftUI view files with strong defaults for small dedicated subviews, MV-over-MVVM data flow, stable view trees, explicit dependency injection, and correct Observation usage. Use when cleaning up a SwiftUI view, splitting long bodies, removing inline actions or side effects, reducing computed `some View` helpers, or standardizing `@Observable` and view model initialization patterns.

Skills associés

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community