CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

swiftui-responsive-layout

Diagnose and implement adaptive SwiftUI layouts across iPhone and iPad window sizes, orientation, Dynamic Type, localization, safe areas, keyboard, and multitasking. Use when views clip, overlap, truncate, move off-screen, or depend on brittle fixed frames; route ordinary container selection to swiftui-layout-components and measured runtime profiling to swiftui-performance.

Quality

95%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

92%Weight 40%Scale 1-5

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

A lean, well-structured instruction-only skill: an overview body that adds only non-obvious judgment (signal selection, pattern escalation, identity preservation, geometry stability), a sequenced diagnostic workflow with verification and a checklist, and appropriately deferred detail in two real one-level-deep references. The only improvement space is inline example patterns to complement the API-level directives.

DimensionReasoningScore

Conciseness

The body is dense prescriptive guidance with no padding and no explanation of basics Claude already knows (it never explains what SwiftUI, safe areas, or Dynamic Type are; it only states skill-specific judgments like 'Size class is an environment category, not a device detector'). Every line earns its place.

5 / 5

Actionability

Guidance is concrete at the API level throughout ('ViewThatFits', 'AnyLayout', 'safeAreaInset', '@ScaledMetric', 'containerRelativeFrame', 'onGeometryChange', 'layoutPriority') with a requirement-to-signal table and a ranked pattern ladder, but no inline code examples or copy-paste patterns are shown — those live in the referenced files, leaving minor gaps versus the fully-executable top anchor.

4 / 5

Workflow Clarity

The Diagnostic Workflow is a clearly sequenced five-step process (reproduce smallest failing configuration, inspect hierarchy, classify cause, apply narrowest fix, verify) with an explicit validation step ('Verify the original failure plus neighboring configurations') and a dedicated Review Checklist, matching the top anchor's sequence-plus-checklist pattern.

5 / 5

Progressive Disclosure

A clear ~120-line overview with a table of contents, and both referenced bundle files (references/layout-diagnosis.md, references/adaptive-patterns.md) exist, are one level deep, and are well-signaled with when-to-read conditions ('Read... when investigating an existing failure', 'Read... before implementing a responsive variant').

5 / 5

Total

19

/

20

Passed

Description

95%Weight 40%Scale 1-5

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

A strong description in third-person voice that pairs a concrete capability statement with an explicit 'Use when' trigger clause listing real symptom keywords, and actively disambiguates from sibling skills. The only minor gap is that the action list is compressed into two verbs.

DimensionReasoningScore

Specificity

Concrete actions are stated ('Diagnose and implement adaptive SwiftUI layouts') with enumerated dimensions (window sizes, orientation, Dynamic Type, localization, safe areas, keyboard, multitasking) and routing actions, but the action verbs themselves are only two, leaving minor coverage gaps versus the comprehensive top anchor.

4 / 5

Completeness

Explicitly answers both what ('Diagnose and implement adaptive SwiftUI layouts across...') and when ('Use when views clip, overlap, truncate, move off-screen, or depend on brittle fixed frames') with concrete trigger phrases, matching the top anchor exactly.

5 / 5

Trigger Term Quality

Natural failure phrases users would actually say are covered with effective synonyms: 'clip, overlap, truncate, move off-screen', plus 'fixed frames', 'orientation', 'Dynamic Type', 'keyboard', 'iPhone and iPad'. The neighboring anchor 4 ('a few natural terms missing') fits less well given this synonym coverage.

5 / 5

Distinctiveness Conflict Risk

Clear niche (cross-size adaptation and layout-failure diagnosis) with explicit negative routing ('route ordinary container selection to swiftui-layout-components and measured runtime profiling to swiftui-performance'), which minimizes conflict risk with closely related skills.

5 / 5

Total

19

/

20

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.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository

thienqo/ios-skills

Path

skills/swiftui-responsive-layout/SKILL.md

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.