·hig-components-content
{}

hig-components-content

콘텐츠 표시 구성 요소에 대한 Apple 휴먼 인터페이스 지침. 사용자가 "차트 구성 요소", "컬렉션 보기", "이미지 보기", "웹 보기", "색상 웰", "이미지 웰", "활동 보기", "잠금", "데이터 시각화", "콘텐츠 표시", 이미지 표시, 웹 콘텐츠 렌더링, 색상 선택기 또는 Apple 앱의 항목 컬렉션 표시에 관해 질문할 때 이 기술을 사용하세요. 또한 사용자가 "차트를 표시하는 방법", "이미지를 표시하는 가장 좋은 방법은 무엇입니까", "웹 보기를 사용해야 하는가", "항목 그리드를 만드는 방법", "미디어를 표시하는 구성 요소" 또는 "공유 시트를 표시하는 방법"이라고 말할 때에도 사용하세요. 상호 참조: 색상/타이포그래피/접근성을 위한 hig-foundations, 데이터 시각화 패턴을 위한 hig-patterns, 구조적 컨테이너를 위한 hig-comComponents-layout, 플랫폼별 구성 요소 동작을 위한 hig-platforms.

39설치·1트렌드·@raintree-technology

설치

$npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-content

hig-components-content 설치 방법

명령줄에서 hig-components-content AI 스킬을 개발 환경에 빠르게 설치

  1. 터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
  2. 설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-content
  3. 설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다

출처: raintree-technology/apple-hig-skills.

Check for .claude/apple-design-context.md before asking questions. Use existing context and only ask for information not already covered.

| charts.md | Charts | Swift Charts, bar/line/area/point marks, chart accessibility, audio graphs | | collections.md | Collections | Grid/list layouts, compositional layout, selection, reordering, diffable data sources | | image-views.md | Image Views | Aspect ratio handling, content modes, SF Symbol images, accessibility |

| image-wells.md | Image Wells | Drag-and-drop image selection, macOS-specific, placeholder content | | color-wells.md | Color Wells | Color selection UI, system color picker, custom color spaces | | web-views.md | Web Views | WKWebView, SFSafariViewController, navigation controls, content restrictions |

콘텐츠 표시 구성 요소에 대한 Apple 휴먼 인터페이스 지침. 사용자가 "차트 구성 요소", "컬렉션 보기", "이미지 보기", "웹 보기", "색상 웰", "이미지 웰", "활동 보기", "잠금", "데이터 시각화", "콘텐츠 표시", 이미지 표시, 웹 콘텐츠 렌더링, 색상 선택기 또는 Apple 앱의 항목 컬렉션 표시에 관해 질문할 때 이 기술을 사용하세요. 또한 사용자가 "차트를 표시하는 방법", "이미지를 표시하는 가장 좋은 방법은 무엇입니까", "웹 보기를 사용해야 하는가", "항목 그리드를 만드는 방법", "미디어를 표시하는 구성 요소" 또는 "공유 시트를 표시하는 방법"이라고 말할 때에도 사용하세요. 상호 참조: 색상/타이포그래피/접근성을 위한 hig-foundations, 데이터 시각화 패턴을 위한 hig-patterns, 구조적 컨테이너를 위한 hig-comComponents-layout, 플랫폼별 구성 요소 동작을 위한 hig-platforms. 출처: raintree-technology/apple-hig-skills.

인용 가능한 정보

AI/검색 인용용 안정적인 필드와 명령어.

설치 명령어
npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-content
카테고리
{}데이터 분석
인증됨
최초 등록
2026-02-20
업데이트
2026-03-11

Browse more skills from raintree-technology/apple-hig-skills

빠른 답변

hig-components-content이란?

콘텐츠 표시 구성 요소에 대한 Apple 휴먼 인터페이스 지침. 사용자가 "차트 구성 요소", "컬렉션 보기", "이미지 보기", "웹 보기", "색상 웰", "이미지 웰", "활동 보기", "잠금", "데이터 시각화", "콘텐츠 표시", 이미지 표시, 웹 콘텐츠 렌더링, 색상 선택기 또는 Apple 앱의 항목 컬렉션 표시에 관해 질문할 때 이 기술을 사용하세요. 또한 사용자가 "차트를 표시하는 방법", "이미지를 표시하는 가장 좋은 방법은 무엇입니까", "웹 보기를 사용해야 하는가", "항목 그리드를 만드는 방법", "미디어를 표시하는 구성 요소" 또는 "공유 시트를 표시하는 방법"이라고 말할 때에도 사용하세요. 상호 참조: 색상/타이포그래피/접근성을 위한 hig-foundations, 데이터 시각화 패턴을 위한 hig-patterns, 구조적 컨테이너를 위한 hig-comComponents-layout, 플랫폼별 구성 요소 동작을 위한 hig-platforms. 출처: raintree-technology/apple-hig-skills.

hig-components-content 설치 방법은?

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/raintree-technology/apple-hig-skills --skill hig-components-content 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다

소스 저장소는 어디인가요?

https://github.com/raintree-technology/apple-hig-skills