axiaoge2/Apple-Hig-Designer

Registry 信息

项目简介

Apple-Hig-Designer 是一款 Claude Skill，帮助设计遵循苹果人机界面指南（HIG）的专业用户界面。它提供指导，以创建符合苹果设计原则和标准的界面。

要点

• 遵循苹果人机界面指南
• 设计专业用户界面
• 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

话题