Skills Agentes

Brand

Voz de marca, identidad visual, frameworks de mensajería y gestión de assets para contenido de marca, tono, materiales de marketing y cumplimiento de estilo.

Estrellas
129k

en todo el repo

Actividad
66

0–100, la ruta de este skill

Actualizado
hace 22 días

último commit aquí

Commits
6

últimos 90 días

Contexto
881 tok

46 tok en reposo

Paquete
18 archivos

89 KB

Instalar

Funciona con cualquier agente que lea SKILL.md

npx -y skills add nextlevelbuilder/ui-ux-pro-max-skill --skill brand --agent claude-code

Se instala solo en este repositorio.

Este skill reads environment config.

Qué hace

  • Inyecta contexto de marca en los prompts a partir de docs/brand-guidelines.md
  • Sincroniza las guías de marca con assets/design-tokens.json y .css
  • Valida el naming, tamaño y formato de assets
  • Extrae y compara colores de imágenes contra la paleta de marca

Úsalo cuando

  • Definir voz de marca y tono de contenido
  • Crear guías de identidad visual y estilo
  • Elaborar frameworks de mensajería
  • Revisar consistencia de marca u organizar/aprobar assets

No lo uses cuando

    Qué lo activa

    Di cualquiera de estas frases y el agente debería cargar este skill.

    • “Actualiza la identidad de marca y sincroniza los design tokens”
    • “Valida este asset contra las reglas de naming y formato”
    • “Extrae la paleta de colores de este logo y compárala”

    SKILL.md

    En inglés

    Brand

    Brand identity, voice, messaging, asset management, and consistency frameworks.

    When to Use

    • Brand voice definition and content tone guidance
    • Visual identity standards and style guide development
    • Messaging framework creation
    • Brand consistency review and audit
    • Asset organization, naming, and approval
    • Color palette management and typography specs

    Script Paths

    Script paths in this skill and its references/ are relative to the directory that contains this SKILL.md, not to the project: scripts/<file> is this skill's own scripts/ folder, and ../<skill>/scripts/<file> is a sibling sub-skill installed alongside it. Build the full path from that directory (Claude Code reports it as the skill's base directory when the skill loads) and keep the working directory at the project root — the scripts read and write project files such as docs/brand-guidelines.md, assets/design-tokens.json or src/ relative to it.

    Quick Start

    Inject brand context into prompts:

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

    Validate an asset:

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

    Extract/compare colors:

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

    Brand Sync Workflow

    # 1. Edit docs/brand-guidelines.md (or use /brand update)
    # 2. Sync to design tokens
    node scripts/sync-brand-to-tokens.cjs
    # 3. Verify
    node scripts/inject-brand-context.cjs --json | head -20
    

    Files synced:

    • docs/brand-guidelines.md → Source of truth
    • assets/design-tokens.json → Token definitions
    • assets/design-tokens.css → CSS variables

    Subcommands

    Subcommand Description Reference
    update Update brand identity and sync to all design systems references/update.md

    References

    Topic File
    Voice Framework references/voice-framework.md
    Visual Identity references/visual-identity.md
    Messaging references/messaging-framework.md
    Consistency references/consistency-checklist.md
    Guidelines Template references/brand-guideline-template.md
    Asset Organization references/asset-organization.md
    Color Management references/color-palette-management.md
    Typography references/typography-specifications.md
    Logo Usage references/logo-usage-rules.md
    Approval Checklist references/approval-checklist.md

    Scripts

    Script Purpose
    scripts/inject-brand-context.cjs Extract brand context for prompt injection
    scripts/sync-brand-to-tokens.cjs Sync brand-guidelines.md → design-tokens.json/css
    scripts/validate-asset.cjs Validate asset naming, size, format
    scripts/extract-colors.cjs Extract and compare colors against palette

    Templates

    Template Purpose
    templates/brand-guidelines-starter.md Complete starter template for new brands

    Routing

    1. Parse subcommand from $ARGUMENTS (first word)
    2. Load corresponding references/{subcommand}.md
    3. Execute with remaining arguments

    Reproducido de nextlevelbuilder/ui-ux-pro-max-skill bajo licencia MIT. Leer esta página en markdown.

    Archivos

    18 archivos en el paquete. Solo se lee SKILL.md al activarse — las referencias se cargan si el skill decide que las necesita.

    Antes de instalar

    Requiere Node.js para ejecutar los scripts .cjs y un archivo docs/brand-guidelines.md como fuente de verdad.

    Necesita en el PATH:node

    Variables de entorno:DEFAULT_GUIDELINES_PATHDESIGN_TOKENS_CSSDESIGN_TOKENS_JSONRULES

    Detalles

    Categoría
    Diseño y UI
    Licencia
    MIT
    Recursos incluidos
    scripts en javascript, python + referencias
    Código fuente
    Ver SKILL.md

    Etiquetas

    Más de nextlevelbuilder/ui-ux-pro-max-skill

    Este repo incluye 7 skills. Si instalas uno, normalmente ya tienes los demás. Ver el pack ui-ux-pro-max-skill entero y su comando de instalación

    Design

    129k

    Skill de diseño integral: identidad de marca, tokens de diseño, estilos UI, generación de logos (55 estilos, Gemini, Atlas Cloud o MuAPI), CIP, presentaciones HTML, banners, iconos y fotos sociales.

    Costo de contexto al activarse
    3.4k tok
    Tamaño del paquete
    36 archivos
    Última actualización
    hace 22 días
    diseno ui

    Inteligencia de diseño UI/UX para web, móvil y escritorio: úsala al diseñar, construir, revisar o corregir interfaces, componentes, accesibilidad, interacción, layout y tipografía.

    Costo de contexto al activarse
    4k tok
    Tamaño del paquete
    72 archivos
    Última actualización
    hace 22 días
    diseno ui

    Crea interfaces bellas y accesibles con componentes shadcn/ui (sobre Radix UI + Tailwind), estilos utility-first de Tailwind CSS y diseños visuales basados en canvas.

    Costo de contexto al activarse
    2.7k tok
    Tamaño del paquete
    98 archivos
    Última actualización
    hace 22 días
    diseno ui

    Arquitectura de tokens en tres capas (primitivo→semántico→componente), variables CSS, escalas de espaciado/tipografía, specs de componentes y generación estratégica de slides con marca.

    Costo de contexto al activarse
    1.9k tok
    Tamaño del paquete
    27 archivos
    Última actualización
    hace 22 días
    diseno ui

    Slides

    129k

    Crea presentaciones HTML estratégicas con Chart.js, design tokens, layouts responsivos, fórmulas de copywriting y estrategias contextuales de diapositivas.

    Costo de contexto al activarse
    430 tok
    Tamaño del paquete
    6 archivos
    Última actualización
    hace 22 días
    diseno ui

    Diseña banners para redes sociales, anuncios, heroes de sitios web, activos creativos e impresión, con múltiples opciones de dirección de arte y visuales generados o suministrados.

    Costo de contexto al activarse
    1.8k tok
    Tamaño del paquete
    2 archivos
    Última actualización
    hace 25 días
    diseno ui

    Skills relacionados

    Diseña banners para redes sociales, anuncios, heroes de sitios web, activos creativos e impresión, con múltiples opciones de dirección de arte y visuales generados o suministrados.

    Costo de contexto al activarse
    1.8k tok
    Tamaño del paquete
    2 archivos
    Última actualización
    hace 25 días
    diseno ui

    Design

    129k

    Skill de diseño integral: identidad de marca, tokens de diseño, estilos UI, generación de logos (55 estilos, Gemini, Atlas Cloud o MuAPI), CIP, presentaciones HTML, banners, iconos y fotos sociales.

    Costo de contexto al activarse
    3.4k tok
    Tamaño del paquete
    36 archivos
    Última actualización
    hace 22 días
    diseno ui

    Arquitectura de tokens en tres capas (primitivo→semántico→componente), variables CSS, escalas de espaciado/tipografía, specs de componentes y generación estratégica de slides con marca.

    Costo de contexto al activarse
    1.9k tok
    Tamaño del paquete
    27 archivos
    Última actualización
    hace 22 días
    diseno ui