shopify-polaris-app-home
Ce skill fait partie du repository officiel shopify/agent-skills, une collection d'instructions portables conçues pour étendre les capacités de Claude Code sur les surfaces de développement Shopify. Il cible spécifiquement la surface App Home, c'est-à-dire l'interface principale d'une application Shopify embarquée dans l'admin Shopify.
Ce que fait ce skill
Une fois installé via npx skill install shopify-polaris-app-home, ce skill charge dans le contexte de Claude Code un ensemble d'instructions, de références de composants et d'outils permettant de :
- Générer du code UI valide avec les Polaris web components (éléments HTML personnalisés préfixés
s-, commes-page,s-badge,s-button, etc.), disponibles globalement sans import. - Utiliser les APIs App Bridge (
App,Navigation,Modal API,Toast,Save Bar, etc.) via@shopify/app-bridge-react. - Appliquer des patterns et templates prêts à l'emploi (Homepage, Index, Details, Settings, Setup guide, Index table, etc.).
Le skill inclut deux scripts d'outillage essentiels : search_docs.js pour interroger la documentation shopify.dev, et validate.js pour valider le code généré avant de le retourner à l'utilisateur.
Structure et fonctionnement
Comme tous les skills du repo shopify/agent-skills, ce skill se compose d'un SKILL.md (chargé dans la fenêtre de contexte de Claude), de scripts search_docs.js et validate.js, d'un config.json et d'assets de référence. Le contenu du SKILL.md est auto-généré en amont à partir des sources de shopify-dev-tools — le repo n'accepte pas de contributions directes.
Pour l'utiliser, il suffit d'installer le skill et de demander à Claude Code de construire ou modifier des écrans App Home : Claude recherchera automatiquement la documentation pertinente et validera le code produit contre le schéma du framework avant de vous le présenter.