Communitygithub.com

ElKrapulito/calucha-landing

Voix de marque, identité visuelle, cadres de messagerie, gestion des assets, cohérence de la marque. Activez pour le contenu de marque, le ton de la voix, les supports marketing, la conformité de la marque, les guides de style.

Qu'est-ce que calucha-landing ?

Cette compétence (« Skill ») pour agents IA (tels que Claude Code, Cursor, Codex) fournit un cadre complet pour la gestion de l'identité, de la voix, de la messagerie et de la cohérence de la marque. Elle permet de définir le ton de la voix, de développer des identités visuelles et des guides de style, de créer des cadres de messagerie, de réaliser des audits de cohérence de marque et de gérer les assets (validation, organisation, extraction de couleurs). Elle s'appuie sur des scripts automatisés en Node.js et des fichiers de configuration structurés (markdown, design tokens JSON/CSS). L'utilisateur peut injecter le contexte de la marque dans ses prompts, synchroniser les directives vers des tokens de design, valider des assets et extraire des couleurs. La compétence est organisée autour d'une source de vérité unique (`docs/brand-guidelines.md`), de tokens de design (`assets/design-tokens.json/css`), de références détaillées et de modèles prêts à l'emploi. Elle est conçue pour être actionnée via des sous-commandes (ex: `update`) ou des scripts spécifiques.

Compatible avec✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ElKrapulito/calucha-landing/tree/HEAD/.claude/skills/brand

Demander à votre IA préférée

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

Documentation

Marque

Identité, voix, messagerie, gestion des assets et cadres de cohérence de la marque.

Quand utiliser

  • Définition de la voix de la marque et conseils sur le ton du contenu
  • Normes d'identité visuelle et élaboration de guides de style
  • Création de cadres de messagerie
  • Révision et audit de la cohérence de la marque
  • Organisation, dénomination et approbation des assets
  • Gestion de la palette de couleurs et spécifications typographiques

Démarrage rapide

Injecter le contexte de la marque dans les prompts :

node scripts/inject-brand-context.cjs
node scripts/inject-brand-context.cjs --json

Valider un asset :

node scripts/validate-asset.cjs <chemin-asset>

Extraire/comparer les couleurs :

node scripts/extract-colors.cjs --palette
node scripts/extract-colors.cjs <chemin-image>

Workflow de synchronisation de la marque

# 1. Modifier docs/brand-guidelines.md (ou utiliser /brand update)
# 2. Synchroniser vers les tokens de design
node scripts/sync-brand-to-tokens.cjs
# 3. Vérifier
node scripts/inject-brand-context.cjs --json | head -20

Fichiers synchronisés :

  • docs/brand-guidelines.md → Source de vérité
  • assets/design-tokens.json → Définitions des tokens
  • assets/design-tokens.css → Variables CSS

Sous-commandes

Sous-commandeDescriptionRéférence
updateMettre à jour l'identité de la marque et synchroniser tous les systèmes de designreferences/update.md

Références

SujetFichier
Cadre de la voixreferences/voice-framework.md
Identité visuellereferences/visual-identity.md
Messageriereferences/messaging-framework.md
Cohérencereferences/consistency-checklist.md
Modèle de directivesreferences/brand-guideline-template.md
Organisation des assetsreferences/asset-organization.md
Gestion des couleursreferences/color-palette-management.md
Typographiereferences/typography-specifications.md
Utilisation du logoreferences/logo-usage-rules.md
Liste de contrôle d'approbationreferences/approval-checklist.md

Scripts

ScriptObjectif
scripts/inject-brand-context.cjsExtraire le contexte de la marque pour injection dans les prompts
scripts/sync-brand-to-tokens.cjsSynchroniser brand-guidelines.md → design-tokens.json/css
scripts/validate-asset.cjsValider la dénomination, la taille, le format d'un asset
scripts/extract-colors.cjsExtraire et comparer les couleurs par rapport à la palette

Modèles

ModèleObjectif
templates/brand-guidelines-starter.mdModèle de démarrage complet pour de nouvelles marques

Routage

  1. Analyser la sous-commande à partir de $ARGUMENTS (premier mot)
  2. Charger le fichier references/{sous-commande}.md correspondant
  3. Exécuter avec les arguments restants

Individual skills in this repo

This repo contains 6 individual skills — each has its own dedicated page.

ElKrapulito/calucha-landing

Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, duotone, editorial, collage. Uses ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal skills.

ElKrapulito/calucha-landing

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos (HTML→screenshot, multi-platform). Actions: design logo, create CIP, generate mockups, build slides, design banner, generate icon, create social photos, social media images, brand identity, design system. Platforms: Facebook, Twitter, LinkedIn, YouTube, Instagram, Pinterest, TikTok, Threads, Google Ads.

ElKrapulito/calucha-landing

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.

ElKrapulito/calucha-landing

Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.

ElKrapulito/calucha-landing

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.

ElKrapulito/calucha-landing

UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks.

Skills associés