Apple design tactics
Skill s1gmamale1/apple-design-skills/skills/apple-design-tactics
Apple-grade design skill family for Claude Code & Codex — 9 confidence-labeled skills (HIG, Liquid Glass, motion, scrollytelling, OS surfaces, delivery, a11y) with a restraint × surface discipline. One installer links into both ~/.claude/skills and ~/.agents/skills.
npx -y skills add s1gmamale1/apple-design-skills --skill apple-design-tacticsAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
2 things to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
- 4 stars4 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Use when you need Apple's accessibility / inclusive-design bar (VoiceOver, Dynamic Type reflow, Reduce Motion/Transparency, contrast, 44pt targets, WCAG 2.2 AA) or its marketing / persuasion / brand tactics (whitespace as luxury signal, product-as-hero photography, the confident benefit-led copy voice, pricing presentation & anchoring, the one-idea-per-section reveal cadence). Part of the apple-design family. Keywords: accessibility, a11y, VoiceOver, dynamic type, reduce motion, prefers-reduced-motion, reduce transparency, prefers-contrast, focus-visible, WCAG, inclusive design, curb-cut, marketing, brand, copywriting, persuasion, whitespace, pricing anchoring, product photography, hero headline, reveal cadence, keynote.
SKILL.md
2.9 KB, as published. Nobody here has run it
Apple Design — Tactics (accessibility · marketing & brand)
Two cross-cutting human-factors lenses: designing for everyone, and persuading like Apple.
When to use
- Meeting Apple's accessibility bar, or understanding why a11y constraints shape Apple's whole design language.
- Writing/structuring premium marketing — copy voice, pricing, photography, page narrative.
Core rules — accessibility
- Accessibility is the default, not a retrofit (the curb-cut effect: edge cases help everyone). Many Apple rules exist because of a11y: Dynamic Type → reflow layouts; Reduce Transparency → opaque material fallbacks; Reduce Motion → fade alternatives.
- POUR / WCAG 2.2 AA: semantic HTML + ARIA, accessible names, never color alone, 4.5:1 text contrast, visible
:focus-visiblering, manage focus, respectprefers-reduced-motion/prefers-contrast/prefers-reduced-transparency.
Core rules — marketing & brand
- Feeling before feature, then features as proof. One idea per section; restraint and whitespace signal premium.
- Product as hero on seamless white/black with soft shadow + subtle glow; quiet, monochrome brand.
- Copy voice: short, confident, benefit-led, Title Case headlines, concrete numbers ("The most powerful iPhone ever."). Pricing leads premium → anchors → monthly framing.
References
| File | Use for |
|---|---|
references/accessibility-inclusive.md | VoiceOver/Dynamic Type/Reduce-* constraints, ARIA recipes, media queries, a11y checklist |
references/marketing-tactics-brand.md | Visual/copy/persuasion tactics, hero-headline formula, pricing layout, product-shot CSS |
Common mistakes
- Color-only meaning, fixed font sizes, motion with no opt-out, opaque-only-on-blur text, missing labels/focus.
- Feature-dumping, hype without proof, weak whitespace, inconsistent voice, fake scarcity, busy hero shots, hidden monthly price, competing CTAs.
Related: the motion you must offer an alternative to → apple-design-motion · the materials that need contrast fallbacks → apple-design-materials · the page these tactics dress → apple-design-web.