skills.rest
Emasoft
EmasoftCOMMUNITY
Explore all skills by this author →
Website𝕏@fmuaddibGitHub

swiftui-ui

Build SwiftUI screens for iOS 26 with native components and state-driven navigation.

1|Updated Jun 9, 2026
Search Tags:#mobile#swift#ios#swiftui#swift6#liquid-glass#native-components
One-click install
npx skills add https://github.com/Emasoft/emasoft-complete-ios-app-authoring --skill swiftui-ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: swiftui-ui
Source: https://github.com/Emasoft/emasoft-complete-ios-app-authoring/tree/main/skills/swiftui-ui
Command: npx skills add https://github.com/Emasoft/emasoft-complete-ios-app-authoring --skill swiftui-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill prevents the two most common failure modes in AI-generated SwiftUI: over-customization that fights the system instead of using native components, and visual incoherence from arbitrary spacing, font sizes, and hardcoded colors. It ensures SwiftUI screens look and feel like they shipped with iOS, not like they were generated by AI.

Core Features & Use Cases

  • Native Component Priority: Enforces using system NavigationStack, TabView, List, Form, and other first-party components instead of hand-rolled alternatives, ensuring free Liquid Glass adoption and optimal performance.
  • Anti-Slop Design Rules: Enforces a strict spacing grid (4/8/12/16/20/24/32/40/48), ≤5 font sizes with Dynamic Type, semantic system colors, and 10pt card radius to eliminate visual inconsistency.
  • State-Driven Architecture: Mandates MainActor Observable view models, actor services, and NavigationStack with value-based destinations for testable, maintainable code.
  • iOS 26 Liquid Glass Guidance: Teaches when and how to use glassEffect correctly—only on floating navigation-layer controls, never on content—and how to group adjacent glass with GlassEffectContainer.
  • Self-Audit Checklist: Provides a 13-domain audit framework covering space efficiency, visual hierarchy, accessibility, HIG compliance, dark mode, performance, and more, with severity ratings and specific fixes.

Quick Start

Use the swiftui-ui skill to build a new SwiftUI screen with native components, proper spacing, and state-driven navigation, then run the self-audit checklist before declaring it done.

Frequently Asked Questions about swiftui-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build native-feeling SwiftUI screens that avoid AI-generated visual slop?▼

To build native-feeling SwiftUI screens, use system components like NavigationStack and List, enforce a base-4 spacing grid, semantic system colors, and Dynamic Type to ensure your UI matches iOS conventions and avoids visual incoherence.

When do I need to use Liquid Glass materials in iOS 26 SwiftUI views?▼

Use Liquid Glass materials in iOS 26 SwiftUI views only on floating navigation-layer controls, never on content. Group adjacent glass elements using GlassEffectContainer to prevent glass-on-glass rendering issues and maintain UI clarity.

How do I structure SwiftUI state and navigation for Swift 6 concurrency?▼

Structure SwiftUI state using @MainActor @Observable view models and actor services with Sendable DTOs. Implement NavigationStack value-based routing to ensure testable, maintainable code that complies with Swift 6 strict concurrency.

What is the best way to audit SwiftUI views for HIG compliance and accessibility?▼

The best way to audit SwiftUI views is using a 13-domain self-audit framework covering visual hierarchy, accessibility minimums, HIG compliance, dark mode, and performance to identify severity-rated issues and apply specific fixes.

Why does my SwiftUI list perform poorly with LazyVStack and how should I fix it?▼

SwiftUI lists perform poorly with LazyVStack for long lists because it lacks native optimization. Fix it by switching to the native List component to ensure optimal rendering performance and free Liquid Glass adoption.

Related Skills

Explore More Software Engineering Skills→
CharlesWiltgenCharlesWiltgen
1.1k

swift-concurrency

Guide actor isolation, Sendable, and async/await usage in Swift 6.

Community
Advanced
aleonsaaleonsa

liquid-glass-design

Implement Liquid Glass design patterns across SwiftUI, UIKit, and WidgetKit.

Community
Intermediate
wesleyosantos91wesleyosantos91
6

ios-patterns

Implement SwiftUI features with MVVM, async/await, repositories, and SwiftData.

Community
Intermediate
Roy-wonjiRoy-wonji

swiftui-liquid-glass

Implement and review SwiftUI Liquid Glass UI with iOS 26+ APIs.

Community
Intermediate