Communitygithub.com

ElKrapulito/calucha-landing

Voz da marca, identidade visual, estruturas de mensagens, gerenciamento de ativos, consistência da marca. Ative para conteúdo de marca, tom de voz, ativos de marketing, conformidade da marca, guias de estilo.

O que é calucha-landing?

Esta skill capacita agentes de IA (como Claude Code, Cursor, Codex) a gerenciar e aplicar a identidade, voz e consistência de uma marca de forma programática. Ela fornece scripts para injetar contexto de marca em prompts, sincronizar diretrizes com tokens de design (JSON e CSS), validar ativos e extrair/verificar cores. A skill é baseada em um fluxo de trabalho onde o arquivo `docs/brand-guidelines.md` é a fonte da verdade, e a partir dele são gerados tokens e CSS. Inclui referências detalhadas para frameworks de voz, identidade visual, mensagens e listas de verificação de consistência, permitindo que o agente atue como um especialista em branding. Ela suporta subcomandos como `update` para atualizar toda a identidade da marca e roteia automaticamente para a referência correta com base no argumento fornecido.

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

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Marca

Identidade da marca, voz, mensagens, gerenciamento de ativos e estruturas de consistência.

Quando Usar

  • Definição da voz da marca e orientação de tom de conteúdo
  • Padrões de identidade visual e desenvolvimento de guia de estilo
  • Criação de estrutura de mensagens
  • Revisão e auditoria de consistência da marca
  • Organização, nomenclatura e aprovação de ativos
  • Gerenciamento de paleta de cores e especificações tipográficas

Início Rápido

Injetar contexto da marca em prompts:

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

Validar um ativo:

node scripts/validate-asset.cjs <caminho-do-ativo>

Extrair/comparar cores:

node scripts/extract-colors.cjs --palette
node scripts/extract-colors.cjs <caminho-da-imagem>

Fluxo de Trabalho de Sincronização da Marca

# 1. Edite docs/brand-guidelines.md (ou use /brand update)
# 2. Sincronizar com tokens de design
node scripts/sync-brand-to-tokens.cjs
# 3. Verificar
node scripts/inject-brand-context.cjs --json | head -20

Arquivos sincronizados:

  • docs/brand-guidelines.md → Fonte da verdade
  • assets/design-tokens.json → Definições de token
  • assets/design-tokens.css → Variáveis CSS

Subcomandos

SubcomandoDescriçãoReferência
updateAtualizar identidade da marca e sincronizar com todos os sistemas de designreferences/update.md

Referências

TópicoArquivo
Estrutura de Vozreferences/voice-framework.md
Identidade Visualreferences/visual-identity.md
Mensagensreferences/messaging-framework.md
Consistênciareferences/consistency-checklist.md
Modelo de Diretrizesreferences/brand-guideline-template.md
Organização de Ativosreferences/asset-organization.md
Gerenciamento de Coresreferences/color-palette-management.md
Tipografiareferences/typography-specifications.md
Uso do Logotiporeferences/logo-usage-rules.md
Lista de Verificação de Aprovaçãoreferences/approval-checklist.md

Scripts

ScriptPropósito
scripts/inject-brand-context.cjsExtrair contexto da marca para injeção em prompts
scripts/sync-brand-to-tokens.cjsSincronizar brand-guidelines.md → design-tokens.json/css
scripts/validate-asset.cjsValidar nomenclatura, tamanho e formato de ativos
scripts/extract-colors.cjsExtrair e comparar cores com a paleta

Modelos

ModeloPropósito
templates/brand-guidelines-starter.mdModelo inicial completo para novas marcas

Roteamento

  1. Analisar subcomando de $ARGUMENTS (primeira palavra)
  2. Carregar references/{subcommand}.md correspondente
  3. Executar com os 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.

Habilidades Relacionadas