CommunityCodierung & Entwicklunggithub.com

Markenidentitäts-Baukasten

Verwandelt eine kurze Produktbeschreibung in ein einseitiges Markensystem (Name, Farben, Schriftarten, Slogan, Stimme), gespeichert als brand-system.md, bereit zum Einfügen in ein Lovable-Projektwissen.

Was ist Markenidentitäts-Baukasten?

Dieser Skill hilft Entwicklern und KI-Agenten wie Claude Code, Cursor oder Codex, eine konsistente Markenidentität für ein neues Produkt zu erstellen, bevor der eigentliche Bau beginnt. Er nimmt eine kurze Produktbeschreibung entgegen und erstellt daraus ein vollständiges, einseitiges Markensystem – inklusive Name, Farbpalette mit Verwendungsregeln, Schriftpaar, Slogan und Sprachprinzipien. Das Ergebnis wird als `brand-system.md` gespeichert und kann direkt in das Projektwissen von Lovable eingefügt werden, sodass die Builds nicht mehr generische Vorlagen, sondern die spezifische Marke des Produkts widerspiegeln. Der Skill arbeitet fragebasiert, trifft klare Entscheidungen (keine Umfragen) und stellt sicher, dass die erstellten Assets barrierefrei und für den Bau optimiert sind. Er ist eng mit den Skills `pitch-narrative-architect` und `founder-site-copywriter` verknüpft, die auf dem erstellten Markensystem aufbauen.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/lexthirteen-ai/claude-loves-lovable-skills/tree/main/sessions/01-brand/finished/brand-identity-builder

Installed? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht Markenidentitäts-Baukasten?

Lovable baut das, was du beschreibst – und die meisten Leute haben noch nicht entschieden, wie ihr Produkt aussieht, klingt oder wofür es steht. Also bekommen sie den gleichen generischen Farbverlauf wie alle anderen. Dieser Skill trifft die Markenentscheidungen, die eine v1 tatsächlich braucht, und schreibt sie in einer Form, der ein Baukasten folgen kann.

Verwendung

  • Du stehst kurz vor dem Bau und hast dich noch nicht für Farben, Schriftarten oder Stimme entschieden.
  • Deine Lovable-Builds werden immer wieder generisch.
  • Du hast einen Namen, aber keinen Grund dafür – oder überhaupt keinen Namen.
  • Du brauchst ein Markendokument, dem ein Tool, ein Teammitglied oder ein Auftragnehmer folgen kann, ohne dass du danebenstehst.

Eingaben

Eine kurze Beschreibung reicht aus: Was das Produkt tut, für wen es ist, und alles, was bereits entschieden ist (ein Name, eine Farbe, die du liebst, ein Konkurrent, dem du nicht ähneln willst). Wenn der Nutzer bereits einen Namen hat, behalte ihn und schreibe die Begründung. Benenne kein Produkt um, das niemand umbenennen wollte.

Ablauf

Stelle dem Nutzer jeweils eine Frage, und zwar nur zu dem, was die Beschreibung nicht bereits beantwortet.

  1. Die Lage peilen. Beantworte diese vier Fragen selbst aus der Beschreibung, bevor du etwas auswählst. Frage den Nutzer nur nach den Punkten, die die Beschreibung offenlässt.

    • Was tut es eigentlich, in einem operationalen Satz? („Bucht und plant Termine für mobile Hunde-Solo-Frisöre“, nicht „Ermächtigt die Tierpflege“.)
    • Wer muss ihm vertrauen? Nenne die primäre Vertrauensbeziehung und eine sekundäre.
    • Was ist die Spannung in der Arbeit? Starke Marken sitzen dort, wo zwei Dinge, die nicht zusammenpassen sollten, aufeinandertreffen (Logistik und Ruhe, Daten und Wärme). Der Name und der Slogan leben in dieser Spannung.
    • Was ist der kleinste Ort, an dem es funktionieren muss? Ein Favicon, ein App-Symbol, ein Textnachrichten-Header. Gestalte für diese Größe.
  2. Name (nur wenn nötig). Liste zehn Wörter für die operative Seite und zehn für die beziehungsorientierte Seite, dann paare je eines aus beiden. Biete zwei oder drei Optionen an, jede mit einer einzeiligen Begründung. Teste jede: Kann man sie in einem Atemzug sagen, funktioniert sie als URL, würde ein Fremder mindestens die Hälfte verstehen?

  3. Farbe: fünf Farben, jede mit einer Aufgabe.

    • Primärfarbe für CTAs und die wichtigsten Markenmomente, hohe Energie.
    • Dunkel für Tiefe und Kontrast. Wärmer als reines Schwarz.
    • Hell für Oberflächen und Text auf Dunklem.
    • Sekundär als Gegengewicht, das die Primärfarbe weniger laut wirken lässt.
    • Akzent für Zahlen, Highlights und Betonungen.

    Benenne jede Farbe nach dem, was sie für die Marke bedeutet, nicht nach ihrem Farbton („Nachtroute“, nicht „Dunkelmarineblau“). Überprüfe den Kontrast: Fließtext muss WCAG AA (4,5:1) auf jedem Hintergrund bestehen, dem du ihn zuweist.

  4. Schriftarten: zwei Schriftarten. Eine Auszeichnungsschrift, die stark genug ist, eine Überschrift oder eine Zahl zu tragen. Eine Fließtextschrift, die bei kleinen Größen verschwindet. Wähle aus Google Fonts, damit jeder Baukasten sie laden kann. Sie sollten sich im Gewicht unterscheiden, sich aber nicht im Stil bekämpfen: eine schwere, charaktervolle Auszeichnungsschrift mit einer ruhigen, lesbaren Fließtextschrift.

  5. Slogan: zwei kurze Sätze. Der erste ist die operative Handlung, der zweite das beziehungsorientierte Versprechen. Kein Bindewort, denn die Gegenüberstellung ist die Bedeutung. Insgesamt vier bis acht Wörter. („Buche den Van. Bleibe ruhig.“)

  6. Stimme: genau vier Prinzipien. Jedes ist ein Kontrastpaar, „X, nicht Y“, plus ein Beispielsatz und die generische Version, die es ersetzt. Beispielsätze sollten nur Dinge beschreiben, die das Produkt in v1 wirklich tut, weil Baukasten und spätere Skills sie als Textbausteine wiederverwenden. Persönlichkeitsadjektive („freundlich, professionell“) sind keine Prinzipien, da jede Marke sie für sich beansprucht.

  7. Schreibe die Bauanleitung. Verwandle die Entscheidungen in Anweisungen, denen ein Baukasten folgt: welche Farbe in welches Theme-Token kommt, Schriftarten laden, Button- und Überschriftenregeln, und eine kurze Do-not-Liste. Dieser Abschnitt macht das Dokument für Lovable nützlich und nicht nur hübsch.

  8. Speichern. Schreibe brand-system.md mit references/brand-system-template.md Halte es auf einer Seite.

Ausgabe

  • brand-system.md: eine Seite mit dem Produktsatz, der Zielgruppe, der Namensbegründung, dem Slogan, einer Palettentabelle mit Nutzungsregeln, der Schriftpaarung, vier Sprachprinzipien und Bauanleitungen für Lovable.
  • Ein kurzer Hinweis zur Verwendung: Füge die gesamte Datei in das Projektwissen von Lovable ein (Projekteinstellungen) und starte dann den ersten Bau-Prompt mit „Folge dem Markensystem im Projektwissen.“
  • Optional: Wenn der Nutzer fragt, eine einseitige HTML-Vorschau mit Farbmustern und Schriftbeispielen.

Leitplanken

  • Entscheiden, nicht abstimmen. Empfehle eine Palette und ein Schriftpaar und erkläre warum. Biete Alternativen nur für den Namen an.
  • Keine KI-Farbnamen. „Salbei“, „Schiefer“ und „Warmes Taupe“ sagen, wie eine Farbe aussieht, nicht, was sie bedeutet.
  • Keine Leitbilder, die sich als Slogans tarnen. „Gemeinsam bessere Gemeinschaften aufbauen“ ist ein Leitbild, das aufgegeben hat.
  • Nur v1. Logodesign, Illustrationsstil und Fotografierichtung können warten. Sag das, wenn der Nutzer dorthin abdriftet, und notiere es unter „Später“ im Dokument.
  • Kontrast ist optional. Wenn eine Paarung AA nicht besteht, ändere sie vor dem Speichern.

Verwandte Skills

Der nächste Skill liest brand-system.md: pitch-narrative-architect verwendet die Sprachprinzipien, und founder-site-copywriter verwendet alles davon.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Verwandte Skills