·ipad-pro-design
*

ipad-pro-design

matthewharwood/fantasy-phonics

Modèles CSS et UX pour le développement de l'iPad Pro 12,9". Couvre la configuration des fenêtres d'affichage, l'optimisation tactile, les zones sécurisées, les animations ProMotion et les modèles de conception adaptés aux enfants. À utiliser lors de la création d'applications éducatives ciblant l'iPad Pro.

3Installations·0Tendance·@matthewharwood

Installation

$npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ipad-pro-design

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") |

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ipad-pro-design
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que ipad-pro-design ?

Modèles CSS et UX pour le développement de l'iPad Pro 12,9". Couvre la configuration des fenêtres d'affichage, l'optimisation tactile, les zones sécurisées, les animations ProMotion et les modèles de conception adaptés aux enfants. À utiliser lors de la création d'applications éducatives ciblant l'iPad Pro. Source : matthewharwood/fantasy-phonics.

Comment installer ipad-pro-design ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ipad-pro-design Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

Où se trouve le dépôt source ?

https://github.com/matthewharwood/fantasy-phonics