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.

72

Quality

88%

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

77%

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

The body is highly actionable, packed with executable code and concrete parameter values, and well organized into clear numbered sections. Its main weakness is progressive disclosure: everything sits in one monolithic file, and the philosophical framing adds length without proportionate utility.

Suggestions

Move the deeper reference material (e.g. Typography, Materials & depth, Design foundations) into separate files under references/ and keep SKILL.md as a concise overview with clearly signaled one-level-deep links.

Trim the introductory philosophy paragraphs and the WWDC quote blocks that restate concepts a competent reader already has, keeping only the through-line that frames the concrete techniques.

Add a short Quick Reference / TL;DR near the top pointing to the most-used recipes (default spring, velocity handoff, reduced-motion) so the highest-value content is reachable before the long sections.

DimensionReasoningScore

Conciseness

Mostly efficient and dense with hard-won specifics (exact damping/response values, projection and rubber-band functions), but the opening framing, quoted maxims, and the "Core Idea"/four-human-needs philosophy add explanatory prose a competent reader could largely infer.

2 / 3

Actionability

Provides copy-paste-ready, executable code throughout — CSS `:active` feedback, Pointer Events with `setPointerCapture`, Motion `animate(...)` spring calls, the `project()` and `rubberband()` functions — plus concrete value tables for damping/response.

3 / 3

Workflow Clarity

This is a single-purpose reference/knowledge skill rather than a destructive multi-step workflow; the guidance is concrete and unambiguous (e.g. the gesture checklist, reduced-motion recipes), so under the simple-skills note a clear single task scores 3 with no validation gaps.

3 / 3

Progressive Disclosure

A well-organized 278-line single file with clear section headers, but no bundle files and no references split out — substantial self-contained topics (typography, materials & depth, design foundations) that could live one level deeper remain inline, so it is not a lean overview pointing outward.

2 / 3

Total

10

/

12

Passed

Description

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.

The description is strong: it states a concrete domain, enumerates specific capabilities, and gives an explicit "Use when" trigger clause with natural vocabulary. It is both specific and clearly distinct from other skills.

DimensionReasoningScore

Specificity

Lists many concrete actions and domains — "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" — matching the multiple-specific-actions anchor.

3 / 3

Completeness

Explicitly answers what ("Apple's approach to interface design and fluid, physical motion, translated for the web") and when ("Use when building or reviewing...") with an explicit trigger clause.

3 / 3

Trigger Term Quality

Covers natural terms a user would say — "spring animations", "drag/swipe/sheet interactions", "translucent materials", "reduced-motion", "gesture-driven UI" — with good breadth rather than technical jargon.

3 / 3

Distinctiveness Conflict Risk

The Apple/fluid-interface niche and its specific trigger list (springs, interruptible transitions, momentum, translucency) make it unlikely to fire for unrelated skills.

3 / 3

Total

12

/

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.

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.