brandvon nextlevelbuilder

Brand Skill.

Ein Skill für Claude Code und Codex für Marken- und Design-System-Arbeit: Markenstimme, visuelle Identität, Messaging-Frameworks und Markenkonsistenz.

Brand & Design Systems

OpenDesign herunterladen Anleitung ansehen

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

Front matter und Abschnittsüberschriften aus der Upstream-Datei vom 14.09.2026 · 3.512 Zeichen insgesamt

01 Was es tut

Was der Brand-Skill in Claude Code und Codex macht

Zusammenfassung, Workflow und Ergebnisse — alles aus der SKILL.md des Skills ausgelesen.

Aus der SKILL.mdGelesen am 14.09.2026 · kein aufgezeichneter Durchlauf

In den eigenen Worten des Skills

Dieser Skill verwaltet Markenidentität, Tonalität, Messaging-Frameworks, Standards für die visuelle Identität und Asset-Konsistenz. Er pflegt eine einzige Quelle der Wahrheit in docs/brand-guidelines.md und synchronisiert sie mit design-tokens.json und design-tokens.css. Der Skill stellt Skripte bereit, um Markenkontext in Prompts einzufügen, Asset-Benennung und -Formate zu validieren, Farben zu extrahieren und mit der Palette zu vergleichen sowie die Markenkonsistenz zu prüfen.

Er enthält Referenz-Frameworks für Tonalität, visuelle Identität, Messaging, Farbmanagement, Typografie, Logonutzung und Freigabe-Workflows. Nutzer können die Markenidentität aktualisieren und Änderungen über alle Designsysteme hinweg verbreiten oder Assets und Inhalte auf Markenkonformität überprüfen.

Was er erzeugt

CSS-Variablendatei unter assets/design-tokens.css

Siehe Beispiel-Prompt ↗

So funktioniert es

01
Bearbeiten Sie die Quelldatei der Markenrichtlinien
Bearbeiten Sie docs/brand-guidelines.md, die als einzige verlässliche Quelle für alle Markendefinitionen dient.
02
Mit Design-Tokens synchronisieren
Führen Sie sync-brand-to-tokens.cjs aus, um Änderungen aus den Richtlinien in assets/design-tokens.json und assets/design-tokens.css zu übertragen.
03
Kontext in Prompts einfügen
Verwenden Sie inject-brand-context.cjs, um Markenkontext zu extrahieren und in Agenten-Prompts einzufügen, optional als JSON.
04
Assets validieren
Führen Sie validate-asset.cjs mit einem Asset-Pfad aus, um Namenskonventionen, Größe und Formatkonformität zu prüfen.
05
Farben extrahieren und vergleichen
Verwenden Sie extract-colors.cjs, um Farben aus Bildern zu extrahieren oder die Palette anzuzeigen, und vergleichen Sie diese anschließend mit den Markenstandards.

02 Finden Sie Ihren Favoriten

Wann Sie das brand Skill verwenden sollten

Verwenden Sie den brand Skill in Claude Code oder Codex, wenn die Aufgabe Brand- und Design-System-Arbeit dieser Art ist. Eignung und Grenzen stammen aus der eigenen Datei des Skills.

Gut geeignet

Definieren und Dokumentieren der Markenstimme für die Erstellung von Inhalten
Entwicklung von visuellen Identitätsstandards und Styleguides
Erstellung von Messaging-Frameworks für einheitliche Kommunikation
Prüfung von Inhalten und Assets auf Markenkonsistenz
Organisieren, Benennen und Freigeben von Markenassets

03 Innerhalb des Skills

Regeln, die das brand-Skill Claude Code und Codex vorgibt

5 konkrete Anweisungen, Standardwerte und Grenzen, die SKILL.md für den Agenten festlegt — der Teil der Datei, der das Ergebnis verändert.

Skript-Pfade sind relativ zum Skill-Verzeichnis
Skript-Pfade in diesem Skill und seinen Referenzen sind relativ zu dem Verzeichnis, das SKILL.md enthält, nicht zum Projektstamm.
Synchronisierung überträgt Änderungen auf JSON- und CSS-Tokens
Das Skript sync-brand-to-tokens.cjs schreibt sowohl in assets/design-tokens.json als auch in assets/design-tokens.css.
Assets werden auf Benennung, Größe und Format geprüft
Das Skript validate-asset.cjs prüft Namenskonventionen, Dateigröße und Formatkonformität von Assets.
Das Subcommand „update“ synchronisiert alle Designsysteme
Das Subcommand „update“ aktualisiert die Markenidentität und synchronisiert Änderungen über alle Designsysteme hinweg.
Subcommands werden über ARGUMENTS geroutet
Analysieren Sie den Subcommand aus dem ersten Wort von $ARGUMENTS, laden Sie die entsprechende references/{subcommand}.md und führen Sie sie mit den verbleibenden Argumenten aus.

04 In Betrieb nehmen

brand in Claude Code oder Codex installieren

Ein npx skills add-Befehl, dann eine erste Aufgabe in Ihrem Agent und eine Checkliste für das Ergebnis.

brand zu Claude Code, Codex oder Ihrem Agent hinzufügen

Im eigenen Projekt ausführen; der Installer fragt, welchem Agent er hinzugefügt werden soll.

Terminal

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

Generische skills-CLI-Form für .claude/skills/brand/SKILL.md; das Repository kann einen eigenen Pfad dokumentieren.

Geben Sie dem Skill eine erste Brand- und Design-System-Arbeitsaufgabe

In den eigenen Begriffen des Skills verfasst; ersetzen Sie die Teile in Klammern durch Ihr 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.

Quelle: verfasst aus der SKILL.md in den eigenen Begriffen des Skills.

Das erste Ergebnis prüfen

Was die SKILL.md selbst als korrektes Ergebnis beschreibt:

Vergleichen Sie extrahierte Farben mit der Markenpalette
Überprüfen Sie Inhalte anhand der Checkliste zur Markenkonsistenz
Prüfen Sie Assets vor der Freigabe anhand der Freigabe-Checkliste

In OpenDesign importieren Sie die Marke über deren SKILL.md-Link: Plugins → Add → Skill → Import from link, und wählen Sie sie anschließend in der oberen Leiste aus.

OpenDesign herunterladen Quickstart lesen

05 Open Source, nachvollziehbar

Quelle, Lizenz und Verifizierung

Woher die Fakten auf dieser Seite stammen und wann sie zuletzt geprüft wurden.

Author: nextlevelbuilder
Repository: github.com/nextlevelbuilder/ui-ux-pro-max-skill Branch main
Skill-Datei: .claude/skills/brand/SKILL.md Content-Prüfsumme bei Verifizierung erfasst; Commit 7f69fed
License: MIT Aus LICENSE.
Repository-Sterne: 127.450 GitHub-Snapshot vom 14.09.2026 für das gesamte Repository nextlevelbuilder/ui-ux-pro-max-skill, das 7 Skills in diesem Katalog enthält. Keine Bewertung oder Nutzungszahl für brand.
Verifiziert von OpenDesign: 14.09.2026 Quelldatei, Pfad, Lizenztext und Sternezählung wurden geprüft. Nicht in OpenDesign main gebündelt (geprüft 28.08.2026); ein Live-Durchlauf wurde auf dieser Seite nicht erfasst.

In der SKILL.md

Wann verwendenListet sechs Szenarien auf: Stimme definieren, visuelle Identität, Messaging, Konsistenzprüfung, Asset-Management, Farbe und Typografie.
Skript-PfadeErklärt, dass Skript-Pfade relativ zum Skill-Verzeichnis sind, nicht zum Projekt-Root.
SchnellstartBefehle, um Markenkontext einzuspeisen, Assets zu validieren und Farben zu extrahieren oder zu vergleichen.
Brand-Sync-WorkflowDreistufiger Prozess: Richtlinien bearbeiten, mit Tokens synchronisieren, mit dem Inject-Skript verifizieren.
SubcommandsTabelle mit dem Subcommand „update“, der die Markenidentität mit allen Design-Systemen synchronisiert.
ReferenzenZehn Referenzdateien zu Stimme, visueller Identität, Messaging, Konsistenz, Richtlinien, Assets, Farbe, Typografie, Logo, Freigabe.
SkripteVier Skripte zum Einspeisen von Kontext, Synchronisieren mit Tokens, Validieren von Assets, Extrahieren von Farben.
VorlagenEine Starter-Vorlage zum Erstellen neuer Markenrichtlinien.
RoutingDreistufiges Routing: Subcommand aus dem ersten Argument analysieren, Referenz laden, mit den verbleibenden Argumenten ausführen.

Die eigene Beschreibung des Skills

Markenstimme, visuelle Identität, Messaging-Frameworks, Asset-Management, Markenkonsistenz. Aktivieren für Markeninhalte, Tonalität, Marketing-Assets, Markenkonformität, Style Guides.

Front-matter-Beschreibung aus SKILL.md. Die vollständige Datei umfasst etwa 3.512 Zeichen. Lesen Sie die vollständige Datei auf GitHub.

Brand

Führen Sie brand mit einer echten Brand- und Design-System-Arbeitsaufgabe aus.

Laden Sie OpenDesign herunter, importieren Sie brand über den SKILL.md-Link, fügen Sie den obigen Prompt ein und lesen Sie den Plan vor dem Ergebnis.

OpenDesign herunterladen Alle Skills durchsuchen