SkillHey.
Skill einreichen

Apple Design

emilkowalski/skills

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.

Inhalt aktualisiert:

Teil vonEmil Kowalski Design Skills ↗
Auf GitHub ansehen
npx skills add emilkowalski/skills --skill apple-design
56.965Sterne3.336ForksLetzter Repository-Push

Über diesen Skill

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.

Warum wir es empfehlen

Summarized from the original emilkowalski/skills SKILL.md by Emil Kowalski; the original upstream instructions were used.

Wobei es hilft

  • Use this workflow when the task matches the original Apple Design instructions.

Vor der Nutzung

  • Read the original SKILL.md and referenced files in emilkowalski/skills.

Quellen und Referenzen

Die Originalquellen sind unten verlinkt. Praktische Einstiegsideen sind redaktionelle Vorschläge von SkillHey.

Redaktion: SkillHey
ui designinteraction design

Ähnliche Skills

Baseline UI

ibelick

Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.

  • ui design
  • frontend
11.066Sterne529Forks
Letzter Repository-Push

Refactoring UI Design System

wondelai

Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off" (or amateur/unprofessional), "fix the design", "Tailwind styling", "color palette", "visual hierarchy", "design system", "spacing scale", or "component styling". Also trigger when building consistent design tokens, creating dark mode themes, improving data-visualization clarity, or polishing UI details before launch. Covers grayscale-first workflow, constrained design scales, shadows, and component styling. For typeface selection, see web-typography. For usability audits, see ux-heuristics.

  • ui design
  • frontend
2702Sterne266Forks
Letzter Repository-Push

Component Family Consistency

Dembrandt

Buttons, inputs, badges and pills share radius, colour logic, shadow, border and spacing. Use when building or reviewing a component library.

  • design systems
  • ui design
193Sterne23Forks
Letzter Repository-Push

Sleek Mobile App Design

Sleek

Design mobile app screens with Sleek and implement selected designs in React Native or HTML.

  • mobile design
  • react native
  • ui design
601Sterne55Forks
Letzter Repository-Push