swiftui-ui-patterns

Best practices and example-driven guidance for building SwiftUI views and components. Use when creating or refactoring SwiftUI UI, designing tab architecture with TabView, composing screens, or needing component-specific patterns and examples.

Install with Tessl CLI

npx tessl i github:Dimillian/Skills --skill swiftui-ui-patterns

What are skills?

1.37x

Review — 81%

Does it follow best practices?

If you maintain this skill, you can automatically optimize it using the tessl CLI to improve its score:

npx tessl skill review --optimize ./path/to/skill

Learn more

Evaluation — 92%

↑ 1.37x

Agent success when using this skill

Validation — 11 / 11 Passed

Validation for skill structure

SKILL.md

Review

Evals

Evaluation results

96%

45%

Social Feed App Shell

Tab architecture and navigation routing

Criteria

Without context

With context

AppTab enum

50%

100%

Tab(value:) binding

25%

50%

updateTab interception

83%

100%

Per-tab NavigationStack

100%

Router owns path

62%

100%

Router environment injection

75%

100%

SheetDestination enum

100%

sheet(item:) usage

100%

Sheet dismisses internally

25%

100%

No ViewModel for tabs

75%

100%

Without context: $0.2376 · 1m 7s · 10 turns · 59 in / 4,144 out tokens

With context: $0.4204 · 1m 38s · 16 turns · 14 in / 5,031 out tokens

82%

Public Repository Browser

Lightweight client, store pattern, loading states

Criteria

Without context

With context

Closure-based client struct

16%

URL/decoding in client

100%

State in store, not client

100%

@Observable store

100%

Client injected into store init

100%

No global singleton for store

100%

.task for async loading

100%

Redacted placeholder rows

100%

33%

ContentUnavailableView for empty

50%

100%

Preview stubbing described

100%

Without context: $0.4605 · 1m 43s · 20 turns · 20 in / 6,980 out tokens

With context: $0.5854 · 2m 3s · 24 turns · 25 in / 7,597 out tokens

100%

26%

User Onboarding and Discovery Screen

Search, theming, form focus, haptics

Criteria

Without context

With context

Theme @Observable

50%

100%

Theme via environment

100%

No raw Color in views

62%

100%

FocusState enum

100%

Initial focus on appear

100%

Field chaining with onSubmit

100%

searchable with scopes

100%

Debounced search via .task(id:)

70%

100%

HapticManager centralized

100%

Haptics gated by preference

100%

scrollContentBackground hidden

33%

100%

Without context: $0.3918 · 1m 58s · 11 turns · 12 in / 8,075 out tokens

With context: $0.4834 · 1m 32s · 23 turns · 21 in / 5,158 out tokens

Evaluated: 3 days ago
Agent: Claude Code

Table of Contents

Social Feed App Shell Public Repository Browser User Onboarding and Discovery Screen

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.