brandpor nextlevelbuilder

Brand Skill.

Un skill de Claude Code y Codex para trabajo de marca y sistemas de diseño: tono de marca, identidad visual, marcos de mensajería y consistencia de marca.

Marca y sistemas de diseño

Descargar OpenDesign Ver guía de uso

nextlevelbuilder/ui-ux-pro-max-skill · .claude/skills/brand/SKILL.mdSKILL.md

--- name: brand description: Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides. --- ## When to Use ## Script Paths ## Quick Start ## Brand Sync Workflow ## Subcommands ## Scripts

Encabezado y títulos de sección leídos del archivo original el 14 de septiembre de 2026 · 3.512 caracteres en total

01 Qué hace

Qué hace el skill de marca en Claude Code y Codex

Resumen, flujo de trabajo y resultados, todo leído del SKILL.md del skill.

Del SKILL.mdLeído 2026-09-14 · no es una ejecución registrada

En los propios términos del Skill

Este skill gestiona la identidad de marca, la voz, los marcos de mensajería, los estándares de identidad visual y la consistencia de los assets. Mantiene una única fuente de verdad en docs/brand-guidelines.md y la sincroniza con design-tokens.json y design-tokens.css. El skill proporciona scripts para inyectar contexto de marca en los prompts, validar el nombrado y los formatos de los assets, extraer y comparar colores frente a la paleta, y auditar la consistencia de la marca.

Incluye marcos de referencia para voz, identidad visual, mensajería, gestión del color, tipografía, uso del logotipo y flujos de aprobación. Los usuarios pueden actualizar la identidad de marca y propagar los cambios a todos los sistemas de diseño, o revisar assets y contenido para verificar el cumplimiento de la marca.

Qué produce

Archivo de variables CSS en assets/design-tokens.css

Ver el ejemplo de prompt ↗

Cómo funciona

01
Editar la fuente de las directrices de marca
Modifique docs/brand-guidelines.md, que sirve como fuente única de verdad para todas las definiciones de marca.
02
Sincronizar con los tokens de diseño
Ejecute sync-brand-to-tokens.cjs para propagar los cambios de las directrices a assets/design-tokens.json y assets/design-tokens.css.
03
Inyectar contexto en los prompts
Use inject-brand-context.cjs para extraer el contexto de marca e insertarlo en los prompts del agente, opcionalmente como JSON.
04
Validar activos
Ejecute validate-asset.cjs con una ruta de activo para comprobar las convenciones de nomenclatura, el tamaño y el cumplimiento del formato.
05
Extraer y comparar colores
Use extract-colors.cjs para extraer colores de imágenes o mostrar la paleta, y luego comparar con los estándares de marca.

02 Encuentra tu caso de uso

Cuándo Usar el Skill brand

Usa la skill brand en Claude Code o Codex cuando el trabajo sea de marca y sistema de diseño de este tipo. La adecuación y los límites a continuación provienen del propio archivo de la skill.

Buen caso de uso

Definir y documentar la voz de marca para la creación de contenido
Desarrollar estándares de identidad visual y guías de estilo
Crear marcos de mensajería para una comunicación coherente
Auditar contenido y activos para verificar la coherencia de marca
Organizar, nombrar y aprobar activos de marca

03 Dentro del skill

Reglas que el skill brand le da a Claude Code y Codex

5 instrucciones concretas, valores predeterminados y límites que el SKILL.md establece para el agente: la parte del archivo que cambia el resultado.

Las rutas de los scripts son relativas al directorio del skill
Las rutas de los scripts en este skill y sus referencias son relativas al directorio que contiene SKILL.md, no a la raíz del proyecto.
La sincronización se propaga a los tokens JSON y CSS
El script sync-brand-to-tokens.cjs escribe tanto en assets/design-tokens.json como en assets/design-tokens.css.
Los activos se validan por nomenclatura, tamaño y formato
El script validate-asset.cjs comprueba las convenciones de nomenclatura de activos, el tamaño de archivo y el cumplimiento del formato.
El subcomando update sincroniza con todos los sistemas de diseño
El subcomando update actualiza la identidad de marca y sincroniza los cambios en todos los sistemas de diseño.
Los subcomandos se enrutan desde ARGUMENTS
Analice el subcomando a partir de la primera palabra de $ARGUMENTS, cargue el archivo references/{subcommand}.md correspondiente y ejecute con los argumentos restantes.

04 Ponlo a trabajar

Instalar brand en Claude Code o Codex

Un comando npx skills add, luego una primera tarea en tu agente y una lista de verificación para el resultado.

Agregar brand a Claude Code, Codex o Tu Agente

Ejecútelo en su proyecto; el instalador pregunta a qué agente añadirlo.

Terminal

npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill brand

Formato genérico de CLI skills para .claude/skills/brand/SKILL.md; el repositorio puede documentar su propia ruta.

Dale a la skill una primera tarea de trabajo de marca y sistema de diseño

Redactado en los términos del propio skill; sustituya las partes entre corchetes por su material.

Starter prompt

Review [marketing-email.html] for brand voice consistency and validate [hero-image.png] against our logo usage rules and color palette. Update docs/brand-guidelines.md with the new tagline and sync the changes to design tokens.

Fuente: redactado a partir del SKILL.md en los términos del propio skill.

Revisa el primer resultado

Lo que el propio SKILL.md indica que debe ser un resultado correcto:

Compare los colores extraídos con la paleta de marca
Revise el contenido con la lista de verificación de coherencia de marca
Verifique los assets con la lista de aprobación antes del lanzamiento

En OpenDesign importe la marca desde su enlace SKILL.md: Plugins → Add → Skill → Import from link, y luego selecciónela en la barra superior.

Descargar OpenDesign Leer la guía de inicio rápido

05 Código abierto, rastreable

Fuente, Licencia y Verificación

De dónde provienen los datos de esta página y cuándo se verificaron por última vez.

Author: nextlevelbuilder
Repository: github.com/nextlevelbuilder/ui-ux-pro-max-skill Rama main
Archivo de skill: .claude/skills/brand/SKILL.md Suma de verificación de contenido registrada en verificación; commit 7f69fed
License: MIT De LICENSE.
Estrellas del repositorio: 127.450 Instantánea de GitHub tomada el 14-09-2026 para todo el repositorio nextlevelbuilder/ui-ux-pro-max-skill, que contiene 7 skills en este catálogo. No es una calificación o recuento de uso para brand.
Verificado por OpenDesign: 14/09/2026 Se verificaron el archivo fuente, la ruta, el texto de licencia y el recuento de estrellas. No incluido en OpenDesign principal (verificado el 28/08/2026); no se ha registrado una ejecución en vivo en esta página.

Dentro del SKILL.md

Cuándo usarloEnumera seis escenarios: definición de voz, identidad visual, mensajería, revisión de coherencia, gestión de assets, color y tipografía.
Rutas de scriptsExplica que las rutas de los scripts son relativas al directorio del skill, no a la raíz del proyecto.
Inicio rápidoComandos para inyectar contexto de marca, validar assets y extraer o comparar colores.
Flujo de sincronización de marcaProceso de tres pasos: editar las guías, sincronizar con los tokens, verificar con el script de inyección.
SubcomandosTabla con el subcomando update que sincroniza la identidad de marca con todos los sistemas de diseño.
ReferenciasDiez archivos de referencia que cubren voz, identidad visual, mensajería, coherencia, guías, assets, color, tipografía, logotipo, aprobación.
ScriptsCuatro scripts para inyectar contexto, sincronizar con tokens, validar assets, extraer colores.
PlantillasUna plantilla inicial para crear nuevas guías de marca.
EnrutamientoEnrutamiento de tres pasos: analizar el subcomando a partir del primer argumento, cargar la referencia, ejecutar con los argumentos restantes.

La descripción propia del Skill

"Voz de marca, identidad visual, marcos de mensajería, gestión de recursos, coherencia de marca. Actívalo para contenido de marca, tono de voz, materiales de marketing, cumplimiento de marca, guías de estilo."

Descripción de encabezado de SKILL.md. El archivo completo tiene aproximadamente 3.512 caracteres. Lee el archivo completo en GitHub.

Brand

Ejecuta brand en una tarea real de trabajo de marca y sistema de diseño.

Descarga OpenDesign, importa brand desde su enlace SKILL.md, pega el prompt anterior y lee el plan antes del resultado.

Descargar OpenDesign Ver todas las skills