skills.rest
curtislmartin
curtislmartinCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

swiftui-design-principles

Enforce SwiftUI design rules for iOS and watchOS interfaces.

Updated Apr 4, 2026
Search Tags:#design#ui#ios#swiftui#widgetkit#watchos
One-click install
npx skills add https://github.com/curtislmartin/daily-ascent-engineering --skill swiftui-design-principles
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: swiftui-design-principles
Source: https://github.com/curtislmartin/daily-ascent-engineering/tree/main/skills_repo/swiftui-design-principles
Command: npx skills add https://github.com/curtislmartin/daily-ascent-engineering --skill swiftui-design-principles

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Inconsistent UI spacing, typography, colors, and component patterns make SwiftUI apps feel unpolished and unprofessional. This skill provides a concise set of design rules to ensure native‑looking, cohesive interfaces for iOS and watchOS.

Core Features & Use Cases

  • Spacing System: Enforces a 4/8 grid with predefined values to avoid arbitrary padding.
  • Typography Hierarchy: Limits font sizes and weights, promotes a single font design across app and widgets.
  • Color Usage: Mandates semantic system colors instead of hard‑coded values.
  • Component Guidelines: Standardizes cards, dividers, navigation, and widget implementation.
  • Quick Checklist: A pre‑release checklist to verify compliance before shipping UI screens.

Quick Start

Use the swiftui-design-principles skill to evaluate and adjust a view’s layout according to the spacing and typography guidelines.

Frequently Asked Questions about swiftui-design-principles

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

FAQPage Schema
How do I standardize spacing in SwiftUI views and widgets?▼

Standardize SwiftUI spacing by enforcing a strict 4/8 grid system with predefined values, eliminating arbitrary padding for cohesive native interfaces. This prevents inconsistent layouts across iOS and watchOS components.

What colors should I use for native iOS UI components?▼

Use semantic system colors for native iOS UI components instead of hard-coded values to ensure proper appearance across light and dark modes. This standardizes color usage for cohesive app and widget interfaces.

Does this SwiftUI design approach work with WidgetKit?▼

Yes, this SwiftUI design approach works with WidgetKit, applying the same spacing, typography, and color rules to widget interfaces. It ensures your widgets match the native app design on iOS.

How do I verify my SwiftUI interface follows native design standards?▼

Verify your SwiftUI interface follows native design standards by running it through a pre-release checklist to confirm compliance with grid spacing, semantic colors, and native navigation structures before shipping.

Related Skills

Explore More Design & Creative Skills→
CharlesWiltgenCharlesWiltgen
1.1k

swiftui-debugging

Diagnose SwiftUI view update failures using Self._printChanges() and decision trees.

Community
Intermediate
arjitj2arjitj2

swiftui-design-principles

Enforce SwiftUI and WidgetKit design principles for spacing, typography, and color.

Community
Advanced
sorty-organizersorty-organizer
42

swiftui-design-principles

Define spacing, typography, and color principles for SwiftUI and WidgetKit interfaces.

Official
Advanced
xaderlagguixaderlaggui
3

app-ui-design

Design accessible mobile UI systems for iOS and Android.

Community
Advanced