CtrlK
BlogDocsLog inGet started
Tessl Logo

apple-design

Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style interfaces.

68

Quality

83%

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

The canonical home for this skill is apple-design in emilkowalski/skills

SKILL.md
Quality
Evals
Security

Quality

Content

78%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.

The body is exceptionally actionable — concrete formulas, shipped parameter values, and executable code make it immediately usable — and largely concise for the density it carries. Its main structural weakness is that it is one monolithic document: no progressive disclosure at all, with several self-contained topic areas (typography, design foundations, audio-haptics) that belong in separate reference files.

Suggestions

Split self-contained topics into one-level-deep reference files (e.g., references/typography.md, references/design-principles.md, references/materials.md) and keep SKILL.md as an overview with well-signaled links.

Trim §16 (eight design principles) and §17 (process) to their tactical rules — the philosophical framing Claude can supply itself — and deduplicate the interruptibility guidance that recurs across §3, §5, and §6.

Add a short 'when building X, apply §A then §B' usage path so the numbered sections function as a build sequence rather than only a topic catalog.

DimensionReasoningScore

Conciseness

Mostly dense and non-obvious content (exact damping/response values, the exponential projection formula, rubber-band function, Motion API mapping), but §16's eight multi-sentence design principles and §17's process philosophy are wordy conceptual prose, and interruptibility guidance recurs across §3/§5/§6. Not 5 (there is trimmable philosophical padding); better than 3 (no basic-concept filler).

4 / 5

Actionability

Fully executable guidance throughout: copy-paste CSS/JS snippets, a concrete damping/response value table, exact formulas (project(), rubberband(), relative-velocity normalization), and a need→technique→concrete-value Quick Reference table covering the common cases.

5 / 5

Workflow Clarity

A reference/knowledge skill, not a stepwise process — no destructive or batch operations, so the validation cap does not apply. Topics are numbered in a coherent progression (response → direct manipulation → interruptibility → springs → …) and the Quick Reference provides a lookup path, but there is no explicit build-then-verify sequence; this sits between the organized-reference (4) and steps-listed-without-checkpoints (3) anchors.

4 / 5

Progressive Disclosure

No bundle files exist (no references/, scripts/, or assets/), so the entire ~280-line corpus is inline in SKILL.md. In-file structure is good (numbered sections, quick-reference table), but separable reference material — typography (§15), the eight design principles (§16), audio-haptics (§13) — is inlined rather than split into reference files, matching the 'some structure; content that should be separate is inline' anchor rather than the good-split anchor at 4.

3 / 5

Total

16

/

20

Passed

Description

88%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: it states a clear niche, enumerates concrete capability areas, and provides an explicit 'Use when' trigger clause covering the skill's full scope. Adding natural synonyms (e.g., 'iOS-style', 'bottom sheet', 'Framer Motion') would push trigger coverage to the top anchor.

Suggestions

Add natural synonym triggers users would say, such as 'iOS-style animation', 'bottom sheets', 'smooth/fluid UI', and 'Framer Motion/Motion', to trigger_term_quality.

Sharpen distinctiveness by leading with the most unique triggers (spring physics, velocity handoff, rubber-banding) ahead of generic terms like 'interface design'.

DimensionReasoningScore

Specificity

The description names the domain ('Apple's approach to interface design and fluid, physical motion, translated for the web') and enumerates concrete capability areas — gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials, typography (optical sizing, tracking, leading), reduced-motion — comprehensively covering the skill's scope with no coverage gaps.

5 / 5

Completeness

It explicitly answers both: the 'what' (Apple's design and motion approach translated for the web) and the 'when' via an explicit 'Use when building or reviewing…' clause with concrete trigger phrases.

5 / 5

Trigger Term Quality

Good natural-term coverage ('spring animations', 'drag/swipe', 'momentum', 'reduced-motion', 'Apple-style'), but common synonyms users would actually say are missing — 'iOS-style', 'smooth/fluid animation', 'bottom sheet', 'Framer Motion'.

4 / 5

Distinctiveness Conflict Risk

A clearly signaled Apple-specific niche with distinct triggers (springs, momentum handoff, translucent materials), but broad terms like 'interface design', 'typography', and 'reduced-motion' create minor overlap risk with generic web-animation or design-standards skills.

4 / 5

Total

18

/

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
1weiho/open-slide
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.