ipad-pro-design
✓iPad Pro 12.9" 개발을 위한 CSS 및 UX 패턴. 뷰포트 구성, 터치 최적화, 안전 영역, ProMotion 애니메이션 및 어린이 친화적인 디자인 패턴을 다룹니다. iPad Pro를 대상으로 하는 교육용 앱을 구축할 때 사용합니다.
SKILL.md
Comprehensive CSS and UX patterns for building educational web applications optimized for iPad Pro 12.9" (M1/M2/M4). This skill integrates with the project's Utopia fluid scales and web components architecture.
| Screen Resolution | 2732 x 2048 pixels | | Points Resolution | 1366 x 1024 points | | Device Pixel Ratio | 2x (@2x Retina) | | PPI | 264 pixels per inch | | Display Type | Liquid Retina XDR | | Refresh Rate | ProMotion 24-120Hz adaptive | | Color | P3 wide color gamut | | Peak Brightness | 1600 nits HDR, 1000 nits full-screen |
| Top (Portrait, no notch) | 24pt status bar | | Top (Landscape, no notch) | 24pt status bar | | Bottom (all orientations) | 20pt home indicator | | Left/Right (Landscape) | 0pt (no notch on 12.9") |
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ipad-pro-design- 카테고리
- *크리에이티브
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
ipad-pro-design이란?
iPad Pro 12.9" 개발을 위한 CSS 및 UX 패턴. 뷰포트 구성, 터치 최적화, 안전 영역, ProMotion 애니메이션 및 어린이 친화적인 디자인 패턴을 다룹니다. iPad Pro를 대상으로 하는 교육용 앱을 구축할 때 사용합니다. 출처: matthewharwood/fantasy-phonics.
ipad-pro-design 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ipad-pro-design 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/matthewharwood/fantasy-phonics
상세
- 카테고리
- *크리에이티브
- 출처
- skills.sh
- 최초 등록
- 2026-02-01