axiaoge2/Apple-Hig-Designer

Registry

Summary

Apple-Hig-Designer is a Claude Skill that helps design professional user interfaces following Apple's Human Interface Guidelines (HIG). It provides guidance for creating interfaces that align with Apple's design principles and standards.

Key features

• Follows Apple Human Interface Guidelines
• Designs professional user interfaces
• Claude Skill integration

Use cases

• Designing iOS/macOS app interfaces
• Creating Apple platform UI components
• Learning Apple design principles

README excerpt

<h1 align="center">Apple-Hig-Designer</h1> <div align="center">    **Apple-Hig-Designer is used to create interfaces that conform to Apple Hig principles and blend with various styles.** [English](README.md) | [简体中文](README_CN.md) </div> --- ## 📸 Basic effect demonstration: <div align="center"> Single page design "Creating iOS Page Transition Animations" <!-- Page Transitions -->  "Design a Mac-style chat page for web use." <!-- macOS Chat Page -->  </div> <div align="center"> 📸Style fusion design: "Please use your apple-hig-designer skills to choose a suitable framework and develop a complete responsive front-end project that incorporates a luxury brand aesthetic." Vercel: https://fashion-editorial.vercel.app/ <img width="2075" height="1206" alt="image" src="https://github.com/user-attachments/assets/605fa6b0-51a9-440d-b0b0-a3578988ecf3" /> </div> ## 🎯 Overview This apple-hig-designer enables you to design professional web and mobile interfaces that follow Apple's Human Interface Guidelines. It provides comprehensive knowledge about: - **SF Pro Typography** system - **Apple System Colors** with light/dark mode support - **8pt Grid Spacing System** - **Component Patterns** (buttons, cards, inputs, etc.) - **Animation Guidelines** with Apple-standard easing curves ## 📦 Installation ### Method 1: User-level Installation (Recommended) Copy the skill to your Claude Code skills

Topics