SkillHey.
Proposer un skill

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.

Contenu mis à jour:

Dans la collectionEmil Kowalski Design Skills ↗
Voir sur GitHub
npx skills add emilkowalski/skills --skill apple-design
56 965Étoiles3 336ForksDernier push du dépôt

À propos de ce 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.

Pourquoi ce choix

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

À quoi il sert

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

Avant de l’utiliser

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

Sources et références

Les sources originales sont liées ci-dessous. Les pistes pratiques sont des suggestions de la rédaction de SkillHey.

Rédigé par SkillHey
ui designinteraction design

Skills similaires

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,1 kÉtoiles529Forks
Dernier push du dépôt

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
2,7 kÉtoiles266Forks
Dernier push du dépôt

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
193Étoiles23Forks
Dernier push du dépôt

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
601Étoiles55Forks
Dernier push du dépôt