KI-Masterclass-Koerting-

Baut und ueberarbeitet Webflow-Sektionen/-Seiten ueber den Webflow-MCP diszipliniert und slop-frei. Erzwingt ein hartes Design-System-Gate (kein Bau ohne fixierte Tokens/DESIGN.md), einen Abnahme-Gate ueber klickbaren Artifact-Prototyp VOR dem Live-Bau, und ein Webflow-MCP-Playbook mit den bewaehrten Bau- und CMS-Mustern. Verhindert den generischen KI-Look durch Disziplin, nicht durch "mach es schoen". Fuer wiederkehrende Website-Arbeit (eigene Marken und Kunden). Verwenden wenn der Nutzer eine Webflow-Seite/-Sektion bauen, redesignen, an CMS binden, ein Custom-Embed/eine Visualisierung einbauen oder eine bestehende Sektion in eine Design-Formensprache ueberfuehren moechte. Ausloeser: "baue die Sektion in Webflow", "ueberarbeite die ... auf owlist.ch", "Webflow-Redesign", "an die Collection binden", "Partner-/Team-Kacheln umbauen", "webflow-design-build", "/webflow-design-build", "verhindere den KI-Look".

Nutze diesen Skill wenn der Nutzer Claude Code einrichten, konfigurieren oder Best Practices umsetzen moechte. Ausloeser: "setup", "einrichten", "bootstrapping", "checkliste", "best practice setup", "settings einrichten", "projekt aufsetzen", "konfiguration pruefen", "audit", "setup-checklist". Drei Modi: global (Rechner-Setup), projekt (Projekt-Setup), audit (Abgleich IST/SOLL).

Extrahiert das visuelle Design-System einer Website und/oder aus Design-Guides (PDF, DOCX, PPTX) und generiert eine DESIGN.md (Light + Dark Mode), interaktive HTML-Previews und einen optionalen Style Guide als PPTX im Marken-Design. Reverse-Engineering von getdesign.md — kostenlos und lokal, mit Style-Guide-Erstellung die getdesign.md nicht hat. Typische Anwendungsfaelle: Wettbewerbsanalyse, Design-Mustersuche, schnelles Briefing-Material fuer Designer/Agenturen, maschinenlesbares Briefing fuer Claude Design / Cursor / Lovable / v0 (eigene Webseite oder Muster-Designs). Verwenden wenn der Nutzer ein Design-System extrahieren, eine DESIGN.md erstellen, das visuelle Design einer Website dokumentieren, einen Konkurrenten analysieren oder Claude Design mit einem Referenz-Design briefen moechte. Ausloeser: "erstelle eine DESIGN.md", "extrahiere das Design von...", "design system aus website", "DESIGN.md fuer...", "design md", "analysiere die Webseite von...", "Wettbewerber-Design", "Muster-Design".

Setzt ein neues Projekt mit Governance-Framework auf — interaktiver Block-Interview-Flow in 4 Schritten, Doku-Architektur mit Hub-Auto-Verlinkung, optionaler Learning-Loop L1/L2/L3. Verwenden wenn der Operator ein neues Projekt aufsetzen will oder "/bootstrap" sagt.

Deep Research, Architektur-Pruefung und User Story Erstellung. Liest vor Story-Erstellung den Learning-Loop (falls aktiv) und warnt bei Anti-Pattern-Match. Verwenden wenn der Nutzer eine neue Idee hat, ein Feature vorschlaegt, oder "ideation" / "neue Story" sagt. Ausloeser sind Anfragen wie "ich hab eine Idee", "neues Feature", "wir brauchen X", "/ideation".

Periodisches Audit fuer Architektur-Gesundheit, Tech Debt und Backlog-Hygiene — plus Learning-Loop-Eintrag (L1/L2/L3) als Pflicht-Schritt. Verwenden fuer periodische Reviews oder wenn der Operator "Sprint Review", "Architektur Audit", "Tech Debt", "Aufraumen" oder "/sprint-review" sagt.

Architektur-Review fuer einzelne Stories oder das Gesamtsystem. Prueft 8 OpenCLAW-spezifische Dimensionen und identifiziert Risiken, Tech Debt und Verbesserungspotential. Verwenden wenn der Operator "Architektur pruefen", "Review", "passt das architektonisch" oder "/architecture-review" sagt.

Implementierungs-Protokoll fuer CLAW User Stories. 8-Schritte-Workflow von Issue-Identifikation bis Ergebnis-Tabelle inkl. Post-Implement Validation. Verwenden wenn der Operator "los" sagt, eine Story umsetzen will, oder "/implement" ausfuehrt. Wird auch vom Automation Daemon genutzt (ohne Human-in-the-Loop).

Sprint Planning und Backlog-Uebersicht. Laedt alle Issues, analysiert Abhaengigkeiten und schlaegt priorisierte Reihenfolge vor. Verwenden wenn der Operator "was steht an", "Backlog", "Sprint Planning", "Prioritaeten" oder "/backlog" sagt.

Cloud System Engineer fuer VPS-Umgebungen. Prueft Infrastruktur, Sicherheit, Docker-Container-Status, DNS, Firewall und Ressourcen. Kann als Teammate in Agent Teams eingesetzt werden (Ideation, Implementation) oder standalone fuer Infrastruktur-Aufgaben. Verwenden wenn der Operator "Umgebung pruefen", "Infrastruktur", "Cloud", "Firewall", "Server Status", "VPS", "Hostinger" oder "/cloud-system-engineer" sagt.

Grafana Dashboard-Entwicklung und Metric-Queries. Nutzt den offiziellen Grafana MCP Server um Dashboards direkt in Grafana Cloud zu erstellen, zu lesen und zu aktualisieren sowie PromQL-Queries abzusetzen. Verwenden wenn der Operator "Grafana", "Dashboard", "Panel", "Metrik abfragen", "Alert Rule", "grafana bauen" oder "/grafana" sagt.

Deep Research Skill: Kombiniert Claude WebSearch + Perplexity via OpenRouter fuer umfassende Recherchen. Automatisches 2-Tier-Routing: QUICK (WebSearch) fuer einfache Fakten, DEEP (perplexity/sonar-deep-research via OpenRouter + WebSearch Gegencheck) fuer komplexe Analysen. Verwenden wenn der Nutzer "research", "recherchiere", "finde heraus", "was wissen wir ueber", "deep research", "analysiere" oder "/research" sagt.

Security Architect: Security by Design fuer den gesamten Entwicklungsprozess. 4 Modi: DESIGN (Threat Modeling bei Ideation/Planung), REVIEW (Security-Check bei Code-Aenderungen), AUDIT (vollstaendiger Security-Scan auf Abruf), SKILL-SCAN (Prompt-Injection-Check fuer heruntergeladene Skills/SKILL.md-Dateien vor der Installation). Kombiniert STRIDE/DREAD Threat Modeling, OWASP Top 10:2025, ASVS 5.0, Agentic AI Security und konkrete Secure-Code-Patterns. Verwenden wenn der Nutzer "security", "sicherheit", "threat model", "security review", "security audit", "ist das sicher?", "OWASP", "/security", "scanne diesen skill", "skill-scan", "pruefe diesen skill" sagt — oder automatisch wenn andere Skills (Ideation, Implement) Security-relevante Arbeit ausfuehren.

Anleitung zum Erstellen und Paketieren von Claude Code Skills. Verwenden wenn der Nutzer einen neuen Skill erstellen, einen bestehenden Skill aktualisieren oder einen Skill zur Weitergabe paketieren moechte. Ausloeser sind Anfragen wie "erstelle einen Skill", "baue einen Skill", "neuer Skill fuer X", "Skill paketieren".

Automatisierte Architektur-Diagramme in Miro generieren aus Dokumentationsdateien. Liest Architecture-Docs aus dem Projekt und erstellt vollstaendige Flowcharts/Diagramme in Miro — Uebersicht + Detail-Diagramme pro Layer. Verwenden wenn der Operator "visualize", "Diagramm erstellen", "Architektur visualisieren", "Miro Diagramm" oder "/visualize" sagt.