Voz de marca, identidad visual, frameworks de mensajería, gestión de activos y consistencia de marca. Úsalo para contenido de marca, tono de voz, activos de marketing y cumplimiento de la marca.
en todo el repo
0–100, la ruta de este skill
último commit aquí
últimos 90 días
46 tok en reposo
87 KB
Funciona con cualquier agente que lea SKILL.md
npx -y skills add nextlevelbuilder/ui-ux-pro-max-skill --skill brand --agent claude-codeSe instala solo en este repositorio.
Este skill reads environment config.
Di cualquiera de estas frases y el agente debería cargar este skill.
Brand identity, voice, messaging, asset management, and consistency frameworks.
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>
# 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 truthassets/design-tokens.json → Token definitionsassets/design-tokens.css → CSS variables| Subcommand | Description | Reference |
|---|---|---|
update |
Update brand identity and sync to all design systems | references/update.md |
| 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 |
| 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 |
| Template | Purpose |
|---|---|
templates/brand-guidelines-starter.md |
Complete starter template for new brands |
$ARGUMENTS (first word)references/{subcommand}.mdReproducido de nextlevelbuilder/ui-ux-pro-max-skill bajo licencia MIT. Leer esta página en markdown.
18 archivos en el paquete. Solo se lee SKILL.md al activarse — las referencias se cargan si el skill decide que las necesita.
Requiere docs/brand-guidelines.md como fuente de verdad y Node.js para ejecutar los scripts .cjs.
Necesita en el PATH:node
Variables de entorno:DEFAULT_GUIDELINES_PATHDESIGN_TOKENS_CSSDESIGN_TOKENS_JSONRULES
Este repo incluye 7 skills. Si instalas uno, normalmente ya tienes los demás.
Inteligencia de diseño UI/UX para web y móvil: base de datos local consultable con estilos, paletas de color, tipografías, tipos de producto, guías UX, iconos, presets GSAP y gráficos, en 22 stacks.
Crea interfaces bonitas y accesibles con componentes shadcn/ui (sobre Radix UI + Tailwind), estilos utility-first de Tailwind CSS y diseños visuales basados en canvas.
Arquitectura de tokens en tres capas (primitivo→semántico→componente), especificaciones de componentes y generación de slides. Para tokens de diseño, diseño sistemático y presentaciones conformes a marca.
Diseña banners para redes sociales, anuncios, heroes de sitios web, assets creativos e impresión, con múltiples opciones de dirección de arte y visuales generados por IA.
Crea presentaciones HTML estratégicas con Chart.js, tokens de diseño, layouts responsivos, fórmulas de copywriting y estrategias de diapositivas contextuales.
Skill de diseño integral: identidad de marca, tokens de diseño, estilos UI, logos (55 estilos, Gemini AI), CIP (50 deliverables), presentaciones HTML, banners (22 estilos), iconos SVG e imágenes para redes sociales.
Diseña banners para redes sociales, anuncios, heroes de sitios web, assets creativos e impresión, con múltiples opciones de dirección de arte y visuales generados por IA.
Crea presentaciones HTML estratégicas con Chart.js, tokens de diseño, layouts responsivos, fórmulas de copywriting y estrategias de diapositivas contextuales.
Crea interfaces bonitas y accesibles con componentes shadcn/ui (sobre Radix UI + Tailwind), estilos utility-first de Tailwind CSS y diseños visuales basados en canvas.
