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.

65

Quality

78%

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

Fix and improve this skill with Tessl

tessl review fix ./.agents/skills/apple-design/SKILL.md

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

SKILL.md
Quality
Evals
Security

Quality

Content

68%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 rich, well-structured knowledge skill with dense, mostly executable guidance and clear navigation. Its weakest dimension is workflow clarity, which is inherent to its reference nature rather than a procedural defect.

Suggestions

Tighten the evocative prose and WWDC pull-quotes where they duplicate the adjacent bullet guidance to push conciseness toward 5.

Complete the pointerdown example (§2) with the actual velocity/position-history tracking instead of a '// ...' placeholder so all code is copy-paste ready.

Add an explicit 'When implementing a feature, follow these steps in order: pick the relevant principle → apply the concrete value from Quick Reference → verify reduced-motion/contrast fallbacks' checklist to give the skill a lightweight sequenced workflow with verification.

DimensionReasoningScore

Conciseness

Largely lean and information-dense (bullets, tables, executable code) with little concept-padding Claude already knows, but retains some evocative prose and illustrative WWDC quotes that could be trimmed; not a 5 because of those minor over-explanations.

4 / 5

Actionability

Provides concrete, mostly copy-paste-ready code (spring animate, project, rubberband, typography, reduced-motion media queries) and a Quick Reference table of concrete values; falls short of 5 because the pointerdown snippet leaves velocity tracking as a '// ...' placeholder.

4 / 5

Workflow Clarity

This is a knowledge/principles reference rather than a procedural workflow; the Process section (§17) gives high-level design guidance with no explicit validation checkpoints, and no sequenced operational steps exist (no destructive/batch cap applies).

3 / 5

Progressive Disclosure

Well-organized into 17 numbered sections plus a Quick Reference table for easy navigation; no bundle files exist and the content is self-contained, with only minor organization gaps (e.g., the lengthy §16 foundations could conceivably be a separate reference).

4 / 5

Total

15

/

20

Passed

Description

87%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, specific description that clearly answers both 'what' and 'when' with concrete trigger phrases and a well-defined niche. The only weakness is slightly generic action verbs ('building or reviewing') and a few missing natural terms.

DimensionReasoningScore

Specificity

Lists several specific capabilities — 'gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion' — but the action verbs are limited to 'building or reviewing', leaving minor gaps versus a fully enumerated action set.

4 / 5

Completeness

Explicitly states what ('Apple's approach to interface design and fluid, physical motion, translated for the web') and when ('Use when building or reviewing...') with concrete trigger phrases, matching the top anchor.

5 / 5

Trigger Term Quality

Good natural-term coverage including synonyms ('drag/swipe/sheet', 'spring animations', 'translucent materials', 'reduced-motion', 'Apple-style interfaces'); falls short of 5 because no file extensions or a few obvious terms (haptics, Framer/Motion) are absent.

4 / 5

Distinctiveness Conflict Risk

Occupies a clear niche (Apple-style web interfaces) with distinct, specific triggers and minimal overlap risk with other skills.

5 / 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.

Validation16 / 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.