macOS Native App Design

Ce qu'il fait

Cette compétence fournit des conseils pratiques et des meilleures pratiques pour concevoir des interfaces d'applications natives macOS. Elle aide les agents à produire des designs d'UI, des notes d'implémentation et des checklists qui font que les applications semblent être des applications Mac de premier ordre — couvrant la mise en page, le chrome des fenêtres, les feux de signalisation, les zones de glissement, le mode clair/sombre, l'accessibilité, les micro-animations et des conseils d'intégration pour les piles web ou natives.

Quand l'utiliser

Invoquez cette compétence lorsque l'utilisateur demande une application de bureau, une application macOS, ou une UI qui doit sembler "native" sur macOS. Déclenchez-la lorsque les utilisateurs mentionnent les modèles de design d'Apple, les feux de signalisation, les mises en page de barre latérale, les palettes de commandes, les utilitaires système, ou demandent de porter une UI web vers une expérience de type Mac. Utilisez-la lors de revues de design, de spécifications de composants, ou lors de la production de notes d'implémentation pour React/Electron/Tauri ou des frameworks natifs.

Ce qui est inclus

• Scripts : aucun intégré (has_references=true ; voir les références du dépôt).
• Références : fichiers de guidage sur la mise en page et la composition, les modèles d'interaction et le design visuel inclus avec la compétence.
• Instructions : une checklist de démarrage rapide et des notes d'implémentation pour les builds web (React/CSS) et natifs, les piles de polices recommandées, les règles d'ombres/coins arrondis et les considérations d'accessibilité.

Agents compatibles

Idéal pour les agents capables de produire du code d'UI et des conseils de design (Claude Code, agents de style Copilot, Cursor). Les agents ayant des connaissances en web/CSS ou frameworks natifs extrairont les notes d'implémentation le plus efficacement.