CtrlK
BlogDocsLog inGet started
Tessl Logo

swiftui-ui-patterns

Best practices and example-driven guidance for building SwiftUI views and components, including navigation hierarchies, custom view modifiers, and responsive layouts with stacks and grids. Use when creating or refactoring SwiftUI UI, designing tab architecture with TabView, composing screens with VStack/HStack, managing @State or @Binding, building declarative iOS interfaces, or needing component-specific patterns and examples.

88

Quality

85%

Does it follow best practices?

Impact

Pending

No eval scenarios have been run

SecuritybySnyk

Advisory

Suggest reviewing before use

SKILL.md
Quality
Evals
Security

Quality

Discovery

100%

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

This is a strong skill description that clearly communicates its purpose, lists concrete capabilities, and provides explicit trigger guidance. It uses appropriate third-person voice and includes a comprehensive set of natural trigger terms that SwiftUI developers would use. The 'Use when...' clause is well-constructed with multiple specific scenarios.

DimensionReasoningScore

Specificity

Lists multiple specific concrete actions and concepts: building SwiftUI views, navigation hierarchies, custom view modifiers, responsive layouts with stacks and grids, tab architecture with TabView, composing screens with VStack/HStack, managing @State or @Binding.

3 / 3

Completeness

Clearly answers both 'what' (best practices and guidance for building SwiftUI views, navigation, modifiers, layouts) and 'when' with an explicit 'Use when...' clause listing six specific trigger scenarios.

3 / 3

Trigger Term Quality

Excellent coverage of natural terms a user would say: 'SwiftUI', 'TabView', 'VStack', 'HStack', '@State', '@Binding', 'navigation', 'view modifiers', 'responsive layouts', 'grids', 'declarative iOS interfaces'. These are all terms developers naturally use when asking for SwiftUI help.

3 / 3

Distinctiveness Conflict Risk

Highly distinctive with a clear niche in SwiftUI UI development. The specific framework references (SwiftUI, TabView, VStack/HStack, @State/@Binding) make it very unlikely to conflict with non-SwiftUI skills. It could potentially overlap with a general iOS development skill, but the SwiftUI-specific terminology creates a clear boundary.

3 / 3

Total

12

/

12

Passed

Implementation

70%

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

This is a well-structured SwiftUI skill with excellent progressive disclosure and workflow clarity, including proper build-validation feedback loops. Its main weaknesses are the lack of any executable code examples (unusual for a UI patterns skill) and some verbosity in restating SwiftUI best practices Claude already knows. The reference architecture is thoughtfully designed but the main file would benefit from at least one concrete, copy-paste-ready view example.

Suggestions

Add at least one minimal but complete SwiftUI view example (e.g., a TabView + NavigationStack skeleton or a simple list-detail view) to make the skill immediately actionable without requiring reference file lookups.

Trim generic SwiftUI advice Claude already knows (e.g., 'prefer composition; keep views small and focused', 'use async/await with .task') to just the project-specific conventions and non-obvious patterns.

DimensionReasoningScore

Conciseness

The content is mostly efficient and avoids explaining basic SwiftUI concepts Claude already knows, but some sections are verbose — the state ownership table is useful but the surrounding prose could be tighter, and the 'General rules to follow' section mixes high-value project-specific conventions with generic best practices Claude already knows (e.g., 'prefer composition; keep views small and focused', 'use async/await with .task').

2 / 3

Actionability

The skill provides concrete guidance through the state ownership table, anti-patterns list, and workflow steps, but lacks any executable code examples. For a SwiftUI skill, the absence of even a single concrete view implementation, TabView skeleton, or NavigationStack example means Claude must rely entirely on referenced files for executable patterns.

2 / 3

Workflow Clarity

The 'Workflow for a new SwiftUI view' section provides a clear 6-step sequence with explicit validation checkpoints (step 3: 'Build and verify no compiler errors before proceeding'; step 6: detailed build validation with error recovery feedback loop — 'If the build fails: read the error message carefully, fix the identified issue, then rebuild before proceeding'). The existing/new project quick-start tracks also provide clear sequencing.

3 / 3

Progressive Disclosure

Excellent progressive disclosure with a clear overview in the main file and well-signaled one-level-deep references to specific component guides, async-state, app-wiring, previews, performance, and other topics. The 'Cross-cutting references' section and 'components-index.md' entry point provide clear navigation without deeply nested chains.

3 / 3

Total

10

/

12

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation11 / 11 Passed

Validation for skill structure

No warnings or errors.

Repository
Dimillian/Skills
Reviewed

Table of Contents

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.