Communitygithub.com

ElKrapulito/calucha-landing

Voz de marca, identidad visual, marcos de mensajes, gestión de activos, consistencia de marca. Actívalo para contenido de marca, tono de voz, activos de marketing, cumplimiento de marca y guías de estilo.

¿Qué es calucha-landing?

Esta habilidad de agente de IA te permite gestionar de manera integral la identidad de marca, la voz, los mensajes y los activos de forma programática. Está diseñada para plataformas como Claude Code, Cursor y Codex, y se activa mediante subcomandos o scripts de Node.js que inyectan el contexto de la marca directamente en los prompts del LLM. Con ella puedes definir y auditar la consistencia de la marca, sincronizar directrices con tokens de diseño (JSON y CSS), validar activos (nomenclatura, tamaño, formato) y extraer/analizar colores comparándolos con la paleta oficial. La habilidad se basa en un conjunto de archivos de referencia organizados por temas (voz, identidad visual, mensajes, checklist de consistencia, etc.) y plantillas, lo que permite a los desarrolladores y creadores de contenido mantener una marca coherente en todos los puntos de contacto, desde la documentación hasta los activos de marketing.

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

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Marca

Identidad de marca, voz, mensajes, gestión de activos y marcos de consistencia.

Cuándo Usar

  • Definición de voz de marca y guía de tono de contenido
  • Estándares de identidad visual y desarrollo de guías de estilo
  • Creación de marcos de mensajes
  • Revisión y auditoría de consistencia de marca
  • Organización, nomenclatura y aprobación de activos
  • Gestión de paletas de colores y especificaciones tipográficas

Inicio Rápido

Inyecta contexto de marca en los prompts:

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

Valida un activo:

node scripts/validate-asset.cjs <ruta-del-activo>

Extrae/compara colores:

node scripts/extract-colors.cjs --palette
node scripts/extract-colors.cjs <ruta-de-imagen>

Flujo de Trabajo de Sincronización de Marca

# 1. Edita docs/brand-guidelines.md (o usa /brand update)
# 2. Sincroniza con tokens de diseño
node scripts/sync-brand-to-tokens.cjs
# 3. Verifica
node scripts/inject-brand-context.cjs --json | head -20

Archivos sincronizados:

  • docs/brand-guidelines.md → Fuente de verdad
  • assets/design-tokens.json → Definiciones de tokens
  • assets/design-tokens.css → Variables CSS

Subcomandos

SubcomandoDescripciónReferencia
updateActualiza la identidad de marca y sincroniza con todos los sistemas de diseñoreferences/update.md

Referencias

TemaArchivo
Marco de Vozreferences/voice-framework.md
Identidad Visualreferences/visual-identity.md
Mensajesreferences/messaging-framework.md
Consistenciareferences/consistency-checklist.md
Plantilla de Guíasreferences/brand-guideline-template.md
Organización de Activosreferences/asset-organization.md
Gestión de Colorreferences/color-palette-management.md
Tipografíareferences/typography-specifications.md
Uso del Logotiporeferences/logo-usage-rules.md
Lista de Verificación de Aprobaciónreferences/approval-checklist.md

Scripts

ScriptPropósito
scripts/inject-brand-context.cjsExtrae contexto de marca para inyección en prompts
scripts/sync-brand-to-tokens.cjsSincroniza brand-guidelines.md → design-tokens.json/css
scripts/validate-asset.cjsValida nomenclatura, tamaño y formato de activos
scripts/extract-colors.cjsExtrae y compara colores con la paleta

Plantillas

PlantillaPropósito
templates/brand-guidelines-starter.mdPlantilla de inicio completa para nuevas marcas

Enrutamiento

  1. Analiza el subcomando de $ARGUMENTS (primera palabra)
  2. Carga el archivo references/{subcommand}.md correspondiente
  3. Ejecuta con los argumentos restantes

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 relacionados