Audit Your Site With an Apple Design Claude Skill

This is for improving a site you already have. The skill gives Claude a focused set of Apple-inspired design references so its review can be more specific than asking it to make a page feel premium. Treat its suggestions as a review, then decide what fits your product and users.

1. Install the skill

Open Claude and paste the installation request below. The linked project describes an Apple-inspired design skill for Claude and includes the source files.

Install the apple-design skill for me from https://github.com/SudewaJay/apple-design-skill.git

Open the Apple Design Skill source on GitHub

2. Give Claude the right context

Start with one page and one user goal. Include the page URL or relevant code, the action you want visitors to take, and any constraints such as your existing brand colours, framework or accessibility requirements.

Use the apple-design skill to audit this page: [URL or code]. The main user goal is [goal]. Keep my existing brand identity and technical stack. Review hierarchy, spacing, typography, contrast, touch targets, states and motion. Give the five highest-impact changes first, explain why each matters, and separate quick fixes from changes that need a wider redesign.

3. Turn the audit into an implementation plan

Do not ask Claude to rebuild everything at once. Pick one area, such as the hero, navigation or a key form, and ask for a small patch you can review. Check the result on mobile as well as desktop before moving to the next area.

Take recommendation [number] from the audit. Propose the smallest implementation change that solves it. Show the exact files or components to change, preserve accessibility and responsive behaviour, and explain how I should test the result. Do not change unrelated layout or copy.

What to look for

• Clear visual hierarchy: the important action and information should be easy to spot first.
• Intentional spacing and type: use a small, consistent scale instead of one-off values.
• Useful feedback: loading, empty, error and success states should explain what happened and what the person can do next.
• Purposeful motion: animations should help someone understand a change, never delay the task.

A final review prompt

Review the updated page against the apple-design skill. Check whether the changes improve clarity and usability for [target user], while retaining my brand. List any remaining issues in priority order. For each issue, say whether it is a design preference, an accessibility concern or a likely usability problem.

The aim is not to make every product look like Apple. Use the skill to make deliberate design decisions, then keep the parts that support your own product, audience and brand.