Interface Design: merkbare Oberflächenregeln für Dashboards und Admin-Backends

Für wen

Nutze diesen Skill, wenn Dashboards, interne Apps, Tools oder Admin-Backends ein wiederholbares Oberflächensystem werden sollen, keine Marketing-Landingpage. Zuerst die Absicht der Oberfläche klären, dann spätere Sitzungen auf denselben Regeln halten, statt jedes Mal neu zu improvisieren.

Offizielle Hinweise halten den Umfang eng: interface design, konkret dashboards, apps, tools, admin panels, und ausdrücklich keine Marketing-Sites. Ist die Aufgabe eine Werbe-, Marken-, Kampagnen- oder Verkaufs-Landingpage, das nicht als Hauptweg behandeln.

Eine weitere Vorbedingung sind Rechte. Die Hinweise sagen, der Skill nutzt dieselbe Rechte-Menge wie der Coding-Agent. Nach der Installation und vor jeder Oberflächenänderung die Skill-Datei öffnen und lesen, was erlaubt ist. Die Belege nennen keine Clients außer Claude Code und schreiben „bei Relevanz automatisch aufrufen“ nicht als plattformweite Fähigkeit. Ungeschriebene Umgebungen nicht als schon verfügbar annehmen.

Ersten Versuch in 3 Minuten abschließen

Die offizielle Seite erkennt nur diesen Ort an:

https://github.com/dammyjay93/interface-design

Der empfohlene Installationsweg ist ebenfalls nur dieser. Zuerst die Repository-Adresse prüfen, bestätigen, dass dies der gemeinte Skill ist, dann im lokalen Terminal ausführen:

npx skills add https://github.com/dammyjay93/interface-design --skill interface-design

Nebenwirkung des Befehls: der Kern-Skill landet in ~/.claude/skills/interface-design. Danach das Verzeichnis öffnen, die Skill-Datei bestätigen, dann ins Gespräch gehen. Fehlt das Verzeichnis oder scheitert der Befehl, stoppen; nicht auf einen Installer oder ein Verzeichnis wechseln, das die offiziellen Hinweise nie nannten.

In Claude Code ausdrücklich mit /interface-design aufrufen. Beim ersten Mal nur prüfen, nichts auf die Platte schreiben: eine vorhandene Backend- oder Dashboard-Seite wählen und Struktur- sowie Komponentenregeln nennen lassen, plus welche Entscheidungen jetzt noch nicht in eine Datei dürfen. Keinen Geschäftscode ändern lassen und .interface-design/system.md nicht anlegen lassen.

Zwei beobachtbare Erfolgssignale: das Gespräch nennt Regeln für Dashboard oder Backend (nicht Marketingseite); und die gerade installierte Skill-Datei in ~/.claude/skills/interface-design lässt sich öffnen. Passt eines nicht, bei Installation und Aufruf bleiben; nicht mit Dateischreiben beginnen.

Anwendungsfälle

Fall 1: Oberflächenabsicht eines vorhandenen Admin-Backends angleichen. Ein echtes admin panel, internes Tool oder Dashboard öffnen und mit /interface-design die aktuelle Struktur als „Oberfläche mit Absicht bauen“ prüfen lassen — welche Blöcke systemkonsistent bleiben sollen, welche nicht wie eine Marketing-Erzählung gelegt werden dürfen. Dieser Fall deckt nur dashboards, apps, tools, admin panels ab. Die Hinweise zeigen kein Erzeugen einer ganzen Site von null und geben keine Umschreibschritte für Marketingseiten.

Fall 2: Schon vereinbarte Oberflächenentscheidungen behalten, damit die nächste Sitzung weitermachen kann. Zuerst im Gespräch ein paar merkbare Regeln auflisten; nach Bestätigung, dass sie auf die Platte dürfen, den Skill .interface-design/system.md schreiben lassen. Die Datei sofort öffnen und gegen jene Regeln prüfen. Beim nächsten Skill-Lauf sollen die Entscheidungen neu geladen werden. Die Hinweise schreiben nur Speichern nach .interface-design/system.md und reload beim Skill-Lauf. Kein Mehr-Repo-Teilen, kein Konfliktmerge, kein automatisches Überschreiben; bei der einen prüfbaren Datei stoppen.

Nutzungsgrenzen

Nicht für Marketing-Sites. Der offizielle Satz setzt „Not for marketing sites“ direkt hinter den Geltungsbereich; das ist eine harte Grenze, kein Stilhinweis.

Der Skill teilt die Rechte des Coding-Agenten; vor der Nutzung den installierten Skill selbst lesen. Ohne gelesene Datei weder das Repository ändern noch eine Speicherdatei schreiben lassen.

Installation und Aufruf stehen nur als npx skills add, ~/.claude/skills/interface-design, Auto-Aufruf in Claude Code und /interface-design. Keine anderen Marktplätze, Verzeichnisse oder ungenannten Clients nachtragen und diesen Befehl nicht auf nie genannte Plattformen anwenden.

Gedächtnis steht nur als Speichern und erneutes Laden von .interface-design/system.md. Keinen zweiten Speicher, keine Teamsync und kein projektübergreifendes Erben annehmen.

Die Hinweise geben keine Sprachabdeckung, keine Preise und keine offizielle Client-Liste außer Claude Code. Undokumentiertes unbekannt lassen; keine Operationen erfinden.