skills.rest
KhanhNguyenn2210
KhanhNguyenn2210COMMUNITY
Explore all skills by this author →
GitHub

Skill

Analyze Apple's web presence for design elements, color, typography, and responsive behavior.

Updated May 27, 2026
Search Tags:#typography#layout#responsive design#design analysis#web design#user interface#color system#Apple
One-click install
npx skills add https://github.com/KhanhNguyenn2210/QR_code --skill skill-khanhnguyenn2210
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Skill
Source: https://github.com/KhanhNguyenn2210/QR_code/tree/main/Skill
Command: npx skills add https://github.com/KhanhNguyenn2210/QR_code --skill skill-khanhnguyenn2210

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a comprehensive analysis of Apple's web presence, identifying key design elements and principles.

Core Features & Use Cases

  • Design Analysis: Identifies key design elements and principles used in Apple's web presence.
  • Color System: Details the color system, including brand and accent colors.
  • Typography: Describes the typography hierarchy and principles used in Apple's design.
  • Layout: Analyzes the layout system, including spacing, grid, and container design.
  • Elevation & Depth: Explores the use of elevation and depth in Apple's design.
  • Shapes: Discusses the use of shapes and border radius scales in Apple's design.
  • Components: Describes various UI components used in Apple's design.
  • Responsive Behavior: Analyzes the responsive behavior of Apple's web presence across different devices.
  • Iteration Guide: Provides a guide for iterating on the design system.
  • Known Gaps: Identifies gaps in the documented design system.

Quick Start

Use the Skill to analyze the design of Apple's web presence and extract insights on their design philosophy.

Frequently Asked Questions about Skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I analyze Apple's web design system for typography and layout?▼

Apple's web design analysis identifies key elements like typography hierarchy, layout grids, color systems, and responsive behavior to extract actionable design philosophy insights. It breaks down spacing, elevation, shapes, and UI components to provide a comprehensive view of their interface principles.

What is the typography hierarchy used in Apple's user interface design?▼

Apple's user interface typography hierarchy establishes visual weight and reading order through structured font scaling, line heights, and text alignment. Analyzing it reveals the specific principles guiding text styling and information architecture across their web pages.

How do I extract color systems and border radius scales from web design analysis?▼

Extracting color systems and border radius scales involves identifying brand colors, accent colors, and shape parameters used in UI components. This analysis details how elevation and depth are applied to achieve consistent visual styling.

Does Apple's responsive design behavior adapt layout and components across different devices?▼

Apple's responsive design behavior adapts layouts and UI components across different devices by modifying grid containers and spacing. Analyzing this behavior shows how the interface maintains visual hierarchy and usability on various screen sizes.

What are the known gaps in Apple's documented design system?▼

Known gaps in Apple's documented design system include undocumented component behaviors and edge cases in responsive layout. Identifying these limitations provides a guide for iterating on the design system to fill missing documentation.

Related Skills

Explore More Design & Creative Skills→
xoaixoai
25

ux-audit

Extract colors, typography, spacing, and component patterns from web page screenshots.

Community
Intermediate
cris-achiardicris-achiardi
62

figma-component-generator

Generate Figma component sets from TSX/CSS source files and metadata.

Community
Advanced
viktorbezdekviktorbezdek
10

theme-factory

Apply color palettes and font pairings to slide decks, documents, and HTML pages.

Community
Intermediate
yijingjiayijingjia
67

design-extractor

Extracts site CSS, JSON, and screenshots from target URLs using configurable selectors.

Community
Advanced