n8n:agent-design-language

Par n8n-io · n8n

Concevoir ou réviser les interfaces Agent Builder. À utiliser pour les patterns de configuration d'agent, les flux modaux, le comportement responsive, les traitements de statut et tout autre travail d'interface utilisateur propre aux agents.

npx skills add https://github.com/n8n-io/n8n --skill n8n:agent-design-language

Langage de conception d'agent

Utilise cette skill uniquement pour le travail d'interface dans packages/frontend/editor-ui/src/features/agents.

Avant de modifier du code :

  1. Lis packages/frontend/editor-ui/src/features/agents/AGENTS.md.
  2. Lis packages/frontend/editor-ui/src/features/agents/agents-design-language.md complètement.
  3. Utilise ui-design pour les règles de mise en œuvre visuelle.
  4. Utilise content-design quand tu ajoutes ou modifies du texte d'interface.

Conserve les composants spécifiques à Agent dans la fonctionnalité Agent. Ne modifie pas le Design System sauf si l'utilisateur demande explicitement ce changement.

Mets à jour le document de langage de conception quand tu établis un motif d'interface Agent réutilisable. Ajoute ou mets à jour les tests pour le comportement que tu modifies.

Skills similaires

shopify-pos-ui
shopify / shopify-ai-toolkit

Générer du code d'extension UI pour Shopify POS avec validation automatique.

572
gerrit-frontend-engineering
gerritcodereview / gerrit

Standardiser l'architecture frontend avec Lit, TypeScript strict et tests hermétiques.

1 226
shopify-pos-ui
shopify / shopify-ai-toolkit

Créer et scaffolde des extensions UI pour le point de vente Shopify POS.

572
shopify-pos-ui
shopify / agent-skills

Créer et scaffolde des extensions UI pour le point de vente Shopify POS.

85
shopify-hydrogen
shopify / shopify-ai-toolkit

Générer du code Hydrogen valide pour Shopify en recherchant et validant automatiquement.

572