Claude Skill
axiaoge2/Apple-Hig-Designer
一款 Claude Skill,帮助设计遵循苹果人机界面指南的专业用户界面。使用正确的苹果设计标准创建 iOS/macOS 应用界面。
概览
仓库信息
安装这个 Skill
git clone https://github.com/axiaoge2/Apple-Hig-Designer.gitRegistry 信息
项目简介
Apple-Hig-Designer 是一款 Claude Skill,帮助设计遵循苹果人机界面指南(HIG)的专业用户界面。它提供指导,以创建符合苹果设计原则和标准的界面。
A Claude Code Skill for designing professional interfaces following Apple Human Interface Guidelines
要点
- 遵循苹果人机界面指南
- 设计专业用户界面
- Claude Skill 集成
使用场景
- 设计 iOS/macOS 应用界面
- 创建苹果平台 UI 组件
- 学习苹果设计原则
README 摘要
<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