Borrowing it
Nothing to install: this file belongs to ahonn/dotfiles. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.
curl -O https://raw.githubusercontent.com/ahonn/dotfiles/master/.claude/skills/apple-design/SKILL.mdgit clone --depth 1 https://github.com/ahonn/dotfilesWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/ahonn/dotfiles/apple-design)<a href="https://agentmods.dev/skills/ahonn/dotfiles/apple-design"><img src="https://agentmods.dev/badge/skills/ahonn/dotfiles/apple-design/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/ahonn/dotfiles/apple-design"><img src="https://agentmods.dev/badge/skills/ahonn/dotfiles/apple-design.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00021 | $0.00420 |
| Opus 5.5 | $0.00008 | $0.00168 |
| Sonnet 5.5 | $0.00004 | $0.00084 |
| Haiku 4.5 | $0.00002 | $0.00042 |
Grade A, and why
apple-design scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 20d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
This is a copy
100% identical to apple-design — 307 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.
How it starts
The opening of the file, as written. The whole thing — 46 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Apple Design
Translate the interaction principles in Apple's design talks into the web: immediate feedback, direct manipulation, continuity, predictable spatial relationships, and accessible presentation. The references are adaptations and tuning examples, not requirements Apple imposes on every interface.
Working approach
- Inspect the existing component and platform conventions. Identify what people manipulate, how it responds during input, and what happens at release or cancel.
- Preserve control: feedback begins promptly, dragging tracks input, and reversible motion starts from its current visible position. Do not delay functional input to finish decorative motion.
- Tune the requested behavior in context. Reuse the current gesture and animation stack; numeric parameters and APIs differ across libraries.
- Verify relevant interruptions, boundaries, input modes, and accessibility settings. Distinguish code inspection from observed gesture feel.
Read only the relevant reference
- Drag, flick, spring retargeting, velocity, snap points, or boundary resistance: Gesture physics.
- Translucency, depth, text over materials, optical sizing, or transparency settings: Materials and typography.
- Spatial consistency, feedback, hierarchy, navigation, or interaction prototyping: Design foundations.
Use general design principles across platforms, but do not translate CSS or Pointer Events literally into React Native or SwiftUI. Native work should use native gesture, spring, material, and accessibility APIs and platform-specific guidance.
For an ordinary web component timing or polish task, emil-design-eng is the more
focused entry point. Do not load both skills by default.
Completion
Explain how the changed behavior preserves control or improves comprehension. Report actual verification and any device limitations. Do not turn design preferences, sample spring values, or an Apple aesthetic into mandatory findings.
What ships with it
3 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 20d ago Changed · -237 lines · -59 tokens per session b2163f0910cc
- 1mo ago First seen · 283 lines · 80 tokens per session scan A 11840b24a11d
apple-design is a skill published in the GitHub repository ahonn/dotfiles (63 stars, last pushed 6d ago), licensed MIT. It adds 21 tokens to every session and 420 once invoked, about $0.0001 per session on Opus 5.5. A static security scan graded it A with 0 findings. It is 100% identical to apple-design, differing in 307 lines, and is treated as a copy.
Other skills, from other repositories
manage-theme
Switch, create, or debug the color theme of a machine set up by urmzd/dotfiles: one theme colors Ghostty, Neovim (colorscheme and lualine), tmux (catppuccin flavour and colors), and the dotfiles' own output. Covers dotfiles theme / dotfiles theme set, writing a themes/ .toml or a pack's theme.toml, and per-shell…
style-brand
Frame and document a project's visual identity: terminal theme, font, demo capture pipeline, asset conventions. Use when establishing or maintaining brand consistency. Ships an example brand (Cyberdream + MonaspiceNe + teasr) as a template, not a mandate.
visual-design-system
Visual design principles, colour, typography, layout, and spatial composition for Cowboys & Beans projects. Use when: designing web pages or components, choosing colours, setting up type scales, composing layouts, writing CSS, building design tokens, creating fluid responsive designs, reviewing visual quality…
design-taste-frontend
Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.
responsive-design
Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive behavior.
industrial-brutalist-ui
Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints.