Communitygithub.com

Hello-Brands/hello-sugar-design-skill

Compétence d'agent Claude Code pour créer des artefacts HTML autonomes et conformes à la charte graphique Hello Sugar (pages ROI, one-pagers, rapports, tableaux de bord).

Qu'est-ce que hello-sugar-design-skill ?

Cette compétence permet à un agent IA (comme Claude Code) de générer des artefacts HTML complets et autonomes, respectant strictement l'identité visuelle de la marque Hello Sugar. Elle est idéale pour produire rapidement des pages de ROI, des one-pagers, des rapports ou des tableaux de bord sans dépendances externes. La compétence s'appuie sur des directives de design intégrées (couleurs, typographie, espacement) pour garantir une cohérence visuelle. Elle fonctionne principalement avec Claude Code, mais peut être adaptée à d'autres plateformes d'agents. En pratique, l'agent reçoit une instruction décrivant le contenu souhaité, puis génère le fichier HTML complet incluant le CSS et le JavaScript nécessaires, le tout encapsulé dans un seul document prêt à être déployé ou partagé.

Compatible avec✓Claude Code~Codex CLI~Cursor
npx skills add Hello-Brands/hello-sugar-design-skill

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait hello-sugar-design-skill ?

Compétence d'agent Claude Code : crée des artefacts HTML autonomes et conformes à la charte graphique Hello Sugar (pages ROI, one-pagers, rapports, tableaux de bord).

Skills associés