ContentMédio

SwiftUI Design Principles

porarjitj2·arjitj2· v1.0.0 · atualizado em 2026-04-11

Score

Design principles for building polished, native-feeling SwiftUI apps and widgets. Use this skill when creating or modifying SwiftUI views, iOS widgets (WidgetKit), or any native Apple UI. Ensures proper spacing, typography, colors, and widget implementations that look and feel like quality apps rather than AI-generated slop.

swiftuiios-designwidgetkitui-designdesign-principlesapple-designnative-ui

Linguagens

SwiftUISwift

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdswiftui-design-principles/workflow

Analyze Existing UI: — Identify areas violating design principles (spacing, typography, colors).

Apply Spacing System: — Use values from a base-4/base-8 grid for consistent spacing.

Implement Type Scale: — Use a limited number of font sizes with clear weight differentiation.

Use Semantic Colors: — Replace hardcoded colors with SwiftUI's semantic color system.

Apply Consistent Styles: — Ensure consistency in progress ring sizes, stroke widths, and list row padding.

Use Native Components: — Favor native SwiftUI components over custom-engineered elements.

Test on Device: — Verify the appearance and behavior on actual iOS devices and in widgets.

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

Similar a ←Ionic Framework Design Guide

60%

Árvore do Skill

SwiftUI Design Principles

swiftui-design-principles

Fases Cognitivas5

1.SENSE

2.CONTEXTUALIZE

3.RECOMMEND

4.ACT

5.EVALUATE

Triggers7

apply SwiftUI design principlesimprove the look and feel of a SwiftUI appdesign a native iOS widgetensure consistent spacing in SwiftUIuse semantic colors in SwiftUIformat numbers correctly in SwiftUIcreate a polished SwiftUI interface

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-design-principles

$ synaptic skills detail swiftui-design-principles

$ synaptic skills live swiftui-design-principles

Links

GitHub Repository