free resource

Apple's design manual inside your AI

Apple has a manual of about 170 pages with the interface rules for its apps. I translated everything that works on the web into a skill: you ask for a system, a screen or a dashboard, and the AI delivers something that looks like a well-made iPhone app instead of looking like AI.

step 1

Download the skill

It's a .zip file with the whole skill inside: the rules, ready-made colors and components, and an automatic test. You install it once and it stays saved in your AI.

download the skill (.zip) Using Claude? Don't unzip it. It takes the .zip just as you downloaded it.
step 2

Install it where you use AI

Claude (web or app)

  1. Open Settings and go to Capabilities.
  2. Make sure code execution and file creation is on. Skills need it.
  3. Under Skills, click upload skill and pick the .zip you downloaded.
  4. Turn on the premium-design skill in the list.
  5. Open a new chat and ask for your system (examples in step 3).

Claude Code

  1. Unzip the file.
  2. Move the premium-design folder into ~/.claude/skills/ (works for every project).
  3. Restart Claude Code and ask for your system.

ChatGPT or Codex

  1. Create a project in ChatGPT just for this.
  2. Unzip the file. Open SKILL.md, copy everything and paste it into the project instructions.
  3. Upload what's in the references and assets folders to the project files.
  4. In a chat inside the project, ask for your system.
In Codex on your computer, just move the premium-design folder into ~/.codex/skills/.
step 3

How to ask

It shines in systems: scheduling, sign-up, dashboards, client areas. Ask the way you'd ask a designer:

1"Build the booking system for my clinic, with today's schedule, book an appointment and a patient list."
2"Review this screen with the premium-design skill and tell me what to fix." (and send the screenshot or file)
3"My dashboard looks like AI made it. Redo it the Apple way."
what's inside

Apple's rules for color, type, navigation, buttons, forms, states (empty, loading, error), dark mode and accessibility, already translated to HTML and CSS. A visual layer with the look of 2026 apps (glass, color by meaning, numbers in the spotlight). And a test that takes screenshots on phone and desktop and flags poor contrast, small buttons and clipped text.

example

The same request, with and without the skill

A system for a made-up dermatology clinic, with the same request both times.

Without the skill

Three screens of a clinic system made by the AI without the skill: schedule, book appointment and patients, with a plain form look

With the skill

The same three screens made with the skill: next appointment highlighted, procedures colored by category and a tab bar in the style of Apple's apps

Fictional clinic, screens in Portuguese. The skill is an independent translation of Apple's Human Interface Guidelines, not affiliated with Apple.

Copied!