Normes d'UI pour le Commerce Agentique de Détail

Ce que cela fait

Cette compétence fournit des normes de développement et des flux de travail complets pour la construction du frontend de la plateforme Retail-Agentic-Commerce. Elle assure la cohérence entre les pages d'interface utilisateur, les composants, les hooks et le stylisme, tout en s'intégrant au comportement du navigateur du widget Apps SDK.

Quand l'utiliser

Activez cette compétence lors de la création ou de la modification de toute surface frontend dans src/ui/, y compris les nouvelles pages, les composants interactifs ou l'ajustement de l'identité visuelle de l'interface de commerce.

Ce qui est inclus

• Instructions : Directives détaillées sur les React Server Components vs Client Components, le typage strict TypeScript et les conventions d'UI Kaizen.
• Flux de travail : Un processus structuré en 5 étapes, de la lecture de la documentation agent à la validation du comportement du navigateur.
• Parité CI : Commandes spécifiques pour le linting, le formatage et la vérification des types afin de garantir la préparation pour la production.

Agents compatibles

Conçu pour les agents capables d'exécuter des commandes shell (pour la parité CI) et des outils d'automatisation de navigateur pour la validation de l'UI (par exemple, Claude Code, Codex ou des agents similaires compatibles ACP).