Lovable Skills: Wiederholungen werden zu wiederverwendbaren Playbooks

    Lovable Skills: Wiederholungen werden zu wiederverwendbaren Playbooks

    19. Mai 20264 min Lesezeit
    Till Freitag

    TL;DR: „Skills sind kleine Markdown-Playbooks, die Lovable bei passenden Aufgaben automatisch lädt. Sie ersetzen das ständige Wiederholen von Konventionen – und stacken sich sauber mit Knowledge."

    — Till Freitag

    Lovable rollt Skills aus – und das ist mehr als ein Settings-Update

    Anthropic hat das Skills-Format Ende 2025 eingeführt. Innerhalb weniger Monate haben es OpenAI, Cursor und Claude Code übernommen. Jetzt ist Lovable dran: Skills sind ab sofort live. Wer regelmäßig in Lovable baut, kennt das Problem – jeder neue Chat startet bei Null. Konventionen, Tonalität, Deployment-Quirks: alles weg. Skills lösen genau das.

    Wir haben das Thema Agent Skills schon vor einigen Monaten als kommenden Industriestandard beschrieben – jetzt ist es bei Lovable angekommen.

    Was ein Skill ist – in einem Satz

    Ein Skill ist ein Ordner mit einer SKILL.md-Datei: wiederverwendbare Anweisungen, die Lovable automatisch lädt, wenn die Aufgabe dazu passt. Kein Skript, kein Bot, kein Tool-Call. Nur Text, den der Agent liest und befolgt.

    design-system/
    ├── SKILL.md
    ├── colors.md
    └── components-reference.md

    Die SKILL.md hat drei Bestandteile:

    1. Name – kurz, lowercase, mit Bindestrichen. Wird beim manuellen Aufruf via /skill-name getippt.
    2. Description – der wichtigste Teil. Lovable entscheidet ausschließlich anhand der Description, ob ein Skill gezogen wird.
    3. Instructions – was du einem neuen Teammitglied erklären würdest. Bullets, Prosa, Schritt-für-Schritt – egal, Hauptsache klar.

    Supporting Files (colors.md, components-reference.md) werden nur geladen, wenn die Haupt-Skill darauf verlinkt und Lovable den Detailgrad braucht. So bleiben Skills lang und detailliert, ohne jedes Mal teuer zu sein.

    Skills ≠ Knowledge – das Pairing zählt

    Lovable hat schon länger Workspace- und Project Knowledge. Der Unterschied ist sauber:

    Knowledge Skills
    Wann aktiv Immer Nur bei passender Aufgabe
    Inhalt Konstanten (Coding-Standards, Brand Voice, Produkt-Fakten) Playbooks (Workflows, Checklisten, Review-Modi)
    Beispiel „Wir nutzen TypeScript strict mode" „Wenn du eine Landing Page schreibst, dann…"

    Knowledge ist der Hintergrund, Skills sind die Werkzeuge im Vordergrund. Wer beides kombiniert, bekommt einen Agent, der seine Umgebung kennt und weiß, wie er konkrete Aufgaben angeht.

    Das ist auch die saubere Trennung zu MCP: MCP gibt dem Agent Werkzeuge (DB-Zugriff, APIs), Skills geben ihm das Wissen, wie er diese Werkzeuge benutzen soll. Wir haben diese Skills-vs-MCP-Logik hier ausführlich erklärt.

    Wie Skills sich im Workspace verhalten

    Drei Mechaniken sind wichtig:

    • On-Demand-Loading. Lovable lädt nicht alle Skills auf einmal. 30 Skills im Workspace stören sich nicht gegenseitig, solange jede Description scharf ist.
    • Mehrere Skills feuern gleichzeitig. Ein design-system-Skill + ein landing-page-copy-Skill stacken sauber – einer formt das Aussehen, der andere die Worte.
    • Manueller Trigger via /skill-name. Wenn du genau weißt, welcher Skill ran soll, erzwingst du ihn. Vorsicht: erzwungene Skills laufen auch dann, wenn sie nicht passen.

    Die Description ist alles

    Wenn du einen Punkt aus diesem Artikel mitnimmst, dann diesen: Lovable liest beim Skill-Matching nur die Description. Nicht die Instructions, nicht die Supporting Files. Eine schöne Skill mit schwacher Description existiert für den Agent nicht.

    Schlecht: „Helps with onboarding." – „Helps with" ist kein Trigger, „onboarding" ist mehrdeutig. Feuert nie oder ständig falsch.

    Gut: „Use when designing or improving the first-time user experience: signup flow, welcome screens, empty states, and the first session inside the product. Not for marketing pages aimed at people who haven't signed up yet."

    Drei Zutaten: konkreter Trigger, benannte Surfaces, explizite Boundary („Not for…"). Das letzte Drittel – wann der Skill nicht feuern soll – trennt gute von großartigen Descriptions.

    Drei Skills, die fast jedes Lovable-Projekt braucht

    1. design-system

    Hält das Projekt visuell zusammen. Palette, Spacing, Typography, Component-Regeln. Verhindert die typischen AI-Default-Blau-Gradients, die jedes Lovable-Projekt sofort als „Lovable-Projekt" outen.

    2. fresh-eyes-review

    Schaltet Lovable aus dem „agreeable assistant"-Modus in den „skeptischen Erstbesucher mit anderen Tabs offen"-Modus. Brutaler Five-Second-Test, ungeschönte Trust-Gaps, ehrliche „so what?"-Sektionen.

    3. landing-page-copy

    Erzwingt Brand Voice (gebannte Buzzwords: synergy, leverage, unlock, seamless), Struktur (Hero → 3 Benefits → Proof → 1 CTA) und „du" statt „Nutzer".

    Du kannst auch das eingebaute /skill-creator nutzen oder Lovable im Chat einfach bitten, eine Sache als Skill zu speichern – die SKILL.md wird dann automatisch generiert.

    Ehrliche Caveats

    Skills sind kein Wundermittel:

    • Schlechte Skills verschlechtern den Agent. Vager Inhalt im Skill heißt vagerer Output. Garbage in, garbage out.
    • Skills ersetzen kein Prompting. „Bau mir eine Landing Page" bleibt mager, egal wie gut die Skill ist.
    • Updates greifen erst im nächsten Chat. Skill mid-conversation tweaken bringt nichts – neuer Chat.
    • Konflikte sind Scoping-Probleme. Wenn zwei Skills sich widersprechen, sind meist die Descriptions zu breit – nicht die Regeln zu wenige.
    • Skills veralten. Was vor drei Monaten richtig war, kann heute Lovable in die Irre führen. Maintainen.

    Was das für deinen Workflow bedeutet

    Wenn du mit Lovable Vibe Coding oder Agentic Engineering machst, sind Skills die fehlende Brücke zwischen „Ich erkläre alles in jedem Chat neu" und „Mein Workspace baut konsistent". Die ersten zwei, drei guten Skills bringen den größten Sprung – danach skaliert das System linear mit der Zahl der wiederkehrenden Workflows, die du auslagerst.

    Konkreter Startpunkt für diese Woche: Nimm die letzte Sache, die du Lovable dreimal hintereinander erklärt hast. Das ist deine erste Skill.


    Weiterlesen: Agent Skills werden Industrie-Standard · Vibe Coding · Agentic Engineering

    FAQ

    Häufig gestellte Fragen

    Skills vs. Knowledge vs. MCP, warum die Description entscheidend ist und wie du deinen ersten Skill diese Woche live bringst.

    TeilenLinkedInWhatsAppE-Mail

    Verwandte Artikel

    Person beschreibt eine App in natürlicher Sprache während KI den Code generiert
    5. September 20253 min

    Was ist Vibe Coding? Software bauen mit KI – einfach erklärt

    Vibe Coding revolutioniert die Softwareentwicklung: Du beschreibst, was du willst – KI schreibt den Code. Alles über den…

    Weiterlesen
    Zwei parallele Pipelines: autonome Agenten vs. Human-in-the-Loop Builder
    4. Mai 20264 min

    Purple AI (p0) vs. unser Lovable Webdev-Workflow – Autonomie vs. Human-in-the-Loop

    Purple AI (p0) verspricht autonom gemergte PRs aus einer Spec. Wir bauen Websites mit Lovable im Human-in-the-Loop-Flow.…

    Weiterlesen
    Railway-Plattform verbunden mit Claude Code – Deployment per Agent Skill
    1. Mai 20263 min

    Railway + Claude Code: Deployment per Prompt – wie die Integration funktioniert

    Was ist Railway – und warum ist die Plattform plötzlich der heimliche Favorit für AI-First-Teams? Ein Blick auf das Clau…

    Weiterlesen
    Architektur-Diagramm eines modernen Vibe Coding Stacks mit Lovable, Supabase und Resend als Kernkomponenten
    16. März 20265 min

    Der Vibe Coding Stack 2026: Lovable, Supabase, Resend – und was noch fehlt

    Das ist der Tech-Stack, mit dem wir 2026 Full-Stack-Apps bauen – ohne klassisches Dev-Team. Drei Tools im Kern, zwei für…

    Weiterlesen
    Base44 vs. Lovable 2026 – Ein ehrlicher Vergleich
    6. März 20265 min

    Base44 vs. Lovable 2026 – Ein ehrlicher Vergleich

    Base44 und Lovable versprechen beide Prompt-to-App – aber mit völlig unterschiedlichen Ansätzen. Wir vergleichen Code-Ow…

    Weiterlesen
    Lovable Editor mit Chat-Interface und Live-Preview einer generierten Web-App
    28. Februar 20267 min

    Lovable im Praxistest: Vom Prompt zur Production-App

    Wir nutzen Lovable täglich in der Agenturpraxis. Ein ehrlicher Erfahrungsbericht: Features, Workflows, Stärken, Schwäche…

    Weiterlesen
    Lovable Preise & Pläne erklärt – Lohnt sich das?
    27. Februar 20264 min

    Lovable Preise & Pläne erklärt – Lohnt sich das?

    Was kostet Lovable wirklich? Wir erklären alle Pläne, Credits und versteckte Kosten – mit ehrlicher Einschätzung, für we…

    Weiterlesen
    Lovable vs. Bolt vs. v0 – Welcher AI Web Builder passt zu dir?
    24. Februar 20264 min

    Lovable vs. Bolt vs. v0 – Welcher AI Web Builder passt zu dir?

    Lovable, Bolt.new oder v0? Wir vergleichen die drei beliebtesten AI Web Builder – mit ehrlicher Einschätzung, Preisen un…

    Weiterlesen
    Vergleichstabelle der Vibe-Coding-Tools Cursor Lovable Kiro Claude Code und TraeDeep Dive
    20. Februar 202611 min

    Vibe Coding Tools im Vergleich: Cursor vs. Lovable vs. Kiro vs. Claude Code vs. Trae (2026)

    Welches Vibe-Coding-Tool ist das richtige für dich? Wir vergleichen 15+ Tools in 7 Kategorien – von AI-IDEs über App-Bui…

    Weiterlesen