CtrlK
BlogDocsLog inGet started
Tessl Logo

mobile-design-ios

Use when the user asks to build iOS screens, SwiftUI views, UIKit layouts, mobile components, or any iOS app UI. Also use when styling, redesigning, or beautifying any iOS interface. Covers iOS 26 Liquid Glass design language, hierarchy, motion, and platform-native patterns.

65

1.44x
Quality

70%

Does it follow best practices?

Impact

88%

1.44x

Average score across 1 eval scenario

SecuritybySnyk

Passed

No known issues

Fix and improve this skill with Tessl

tessl review fix ./mobile-design-ios/SKILL.md
SKILL.md
Quality
Evals
Security

Evaluation results

88%

27%

Travel Journal App — Main Screen

iOS 26 Liquid Glass tab bar and navigation hierarchy

Criteria
Baseline
With context

Glass on nav layer only

92%

92%

No glass on content cards

100%

100%

GlassEffectContainer used

0%

75%

No UIVisualEffectView

100%

100%

No opaque tab bar override

100%

100%

SF Symbols for tab icons

100%

100%

Compact scroll behavior

0%

60%

Scroll-edge effect configured

37%

62%

No glass stacking

50%

100%

Centralized design tokens

20%

100%

Brand color not on glass

40%

80%

Repository
ivan-magda/mobile-design-skills
Evaluated
Agent
Claude Code
Model
Claude Sonnet 4.6

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.