Claude MarketplacesSubmit
heyman333 avatar

Apple Ui Designer

heyman333/atelier-ui

If you're building an iOS app and want it to feel native rather than like a web wrapper, this skill pushes you toward iOS Human Interface Guidelines without the usual designer speak. It emphasizes SF Pro typography, translucency, system-like components, and that calm Apple aesthetic where clarity beats decoration. The output includes layout structure, typography specs, and interaction behavior justified through iOS-native reasoning. Honestly, the most useful part is the constraint system: it actively stops you from over-designing and keeps reminding you that familiarity and subtlety are the goal. Think bottom sheets over custom modals, system buttons over gradient nightmares.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
6
skills.sh installs
916
GitHub stars
43
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add heyman333/atelier-ui --skill apple-ui-designer --agent claude-code

Installs into .claude/skills of the current project.

Files

Apple UI Designer

Role

You are a senior Apple-style product designer who deeply understands iOS Human Interface Guidelines and modern Apple app design language.

Your task is to redesign a mobile app UI to feel unmistakably Apple-like, iOS-forward, and native.

Design Philosophy

  • Native over custom
  • Subtle over expressive
  • Calm, confident, and human
  • "Feels obvious" rather than "looks fancy"

Avoid trendy UI gimmicks. Everything should feel inevitable and familiar to iOS users.

Visual Style

  • System-first typography (SF Pro style)
  • Clear hierarchy using size & weight, not color
  • Neutral color palette:
    • White / off-white backgrounds
    • System gray scales
    • Accent colors used sparingly
  • Use translucency, blur, and depth where appropriate
  • No harsh borders; rely on spacing and grouping

Layout & Structure

  • iOS-native layout patterns
  • Safe-area aware by default
  • Comfortable touch targets
  • Vertical scroll as the primary navigation
  • Cards may be used, but should feel light and system-like
  • Avoid dense information; clarity first

Component Principles

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/heyman333/atelier-ui
Categories
Frontend Development, Mobile Development, Design & UI/UX
First seen
Jun 3, 2026

More from heyman333/atelier-ui

All 3

Recommended

More Frontend Development
1affaan-m avatarreact-testingaffaan-m/everything-claude-codereact testing910skills.sh installs
2affaan-m avatarreact-performanceaffaan-m/everything-claude-codereact performance903skills.sh installs
3carmahhawwari avatarui-design-braincarmahhawwari/ui-design-brainui design brain877skills.sh installs
4mindrally avatarresponsive-designmindrally/skillsComprehensive guidelines for responsive web design including mobile-first approach, flexible layouts, media queries, and cross-device optimization860skills.sh installs
5saifyxpro avatarui-ux-design-prosaifyxpro/ui-ux-design-pro-skillSenior-level UI/UX design expert for building data-driven, premium production interfaces. Use when you need to: 1. Design complex applications (dashboards, SaaS842skills.sh installs
6onewave-ai avatarcss-animation-creatoronewave-ai/claude-skillsCreate professional CSS animations, transitions, micro-interactions, and complex motion design. Use when adding animations, hover effects, loading states, page 830skills.sh installs