Skills

Skills sind kleine, fokussierte Wissenspakete für Claude. Eine Skill beschreibt, wann sie relevant ist und wie Claude in dieser Situation arbeiten soll. Sobald der Marketplace eingebunden ist, lädt Claude die passende Skill automatisch, oder du rufst sie gezielt auf.

Alle Miragon-Skills stecken im Plugin miragon-brand. So bindest du es ein: Marketplace.

Verfügbare Skills

Skill	Worum es geht	Aufruf
brand-tone	Markenstimme, Tonalität und Messaging für jeden Miragon-Text	/miragon-brand:brand-tone
corporate-design	Logo, Farben, Typografie, Bildstil, Social-Media-Formate und Webseiten in Hell und Dunkel	/miragon-brand:corporate-design
brand-review	Prüft Text, Visual, UI oder Webseite auf CI-Konformität, auch den Dark Mode, mit PASS/FAIL und Fixes	/miragon-brand:brand-review
agent-voice	Fertiger System-Prompt für Chatbots und AI-Agenten im Miragon-Ton	/miragon-brand:agent-voice
modeler-tool-design	Verbindliches UI/UX-Design-System für Miragon-Software (Modeler, Apps) in Hell und Dunkel	/miragon-brand:modeler-tool-design
icon-design	Zeichenart wählen, Modeler-Icons einbauen und neue entwerfen	/miragon-brand:icon-design
social-post	Von der Idee zum Post: Aufgabe in Notion, Text im Miragon-Ton, Kachel aus der Canva-Vorlage	/miragon-brand:social-post

Erstellen, prüfen, sprechen

Die sieben Skills greifen ineinander. brand-tone erstellt Text, also wie Miragon klingt. corporate-design erstellt Visuelles, also wie Miragon aussieht, mit den echten Logos und Tokens im Gepäck, und regelt Webseiten samt Dark Mode. brand-review prüft ein fertiges Stück gegen beide Regelwerke und gibt ein PASS/FAIL-Urteil. agent-voice überträgt die Stimme in den Dialog, als System-Prompt für Bots, die im Namen von Miragon sprechen. modeler-tool-design überträgt das Aussehen auf Software, die Miragon selbst baut. icon-design sagt, wann der Komet, ein Modeler-Icon oder Lucide passt, baut die Modeler-Icons in die Modeler ein und führt durch den Entwurf neuer. social-post verbindet Stimme und Aussehen zu einem fertigen Post und hält die Idee in Notion fest.

Für gestaltete Stücke mit Text greifen corporate-design und brand-tone zusammen, brand-review ist der Kontrollblick zum Schluss. Für gebaute Oberflächen (Modeler, Editoren, Web-Apps) ist modeler-tool-design verbindlich: Die Skill bringt drei Dateien zum Kopieren mit (die Token-CSS, die Rollen als JSON und cd-canvas.css für den Canvas) und wird in der CLAUDE.md des Tool-Repos als Pflicht referenziert. Webseiten nehmen dieselbe Token-CSS aus corporate-design. App-Icon, Favicon und Datei-Icons eines Modelers kommen aus icon-design, unverändert aus dem Set.

Automatisch geprüft: brand-lint

Neben den Skills bringt das Plugin brand-lint mit, einen Linter ohne AI. Er prüft Siezen, Em-Dashes, Umlaute, Floskeln, Schreibweisen, AI-Muster, Farben außerhalb der Tokens und den Dark Mode (C6). Als Hook läuft er nach jedem Schreiben mit Claude, aber nur in Repos mit .miragon/brand.json. Kundenprojekte bleiben unberührt. Details unter brand-review.

Nur für Miragon

Die Skills gelten für alles, was im Namen von Miragon erscheint oder was Miragon selbst baut. Texte, Oberflächen und Bots, die Miragon für Kunden baut, folgen der Marke des Kunden. Deshalb sind die Beschreibungen der Skills darauf beschränkt, und deshalb braucht der Hook die Freigabe pro Repo.

Wie eine Skill aufgebaut ist

Jede Skill ist ein Verzeichnis mit einer SKILL.md:

skills/
└── brand-tone/
    ├── SKILL.md            # Kurzfassung + Trigger (Frontmatter)
    └── assets/
        ├── fundament.md    # Fakten aus brand/*.yaml (generiert)
        └── messaging.md    # Haltung und Beispiele

Im Frontmatter der SKILL.md steht die description. Sie entscheidet, wann Claude die Skill automatisch lädt. Der Rumpf enthält die eigentlichen Anweisungen.

Eigene Skills beisteuern

Neue Marken-Skill-Idee? Leg ein Verzeichnis unter plugins/miragon-brand/skills/<name>/ mit einer SKILL.md an, dokumentier sie hier und öffne einen Pull Request gegen Miragon/corporate-identity. Fakten, die schon in brand/*.yaml stehen, schreibst du nicht ab: Setz einen generierten Abschnitt (<!-- brand:NAME -->) oder verweise auf die generierten Assets.