Was macht design-studio?
<studio> ist der Ordner, der diese SKILL.md enthält. Verwenden Sie unter Windows python, falls python3 fehlt, und modules/impeccable/scripts/impeccable.cmd anstelle des ungekochten Startprogramms.
Laden
- Diese Datei.
- Doktrin für die Route: doctrine/workflow.md, doctrine/principles.md, doctrine/gate.md; doctrine/conflicts.md wenn Module sich widersprechen.
- Nur die geroutete(n)
MODULE.md-Datei(en) unten, dann die Referenzen, auf die sie verweisen.
Laden Sie niemals jedes Modul. Eingekaufte MODULE.md-Dateien sind keine eigenständigen Skills.
Rangfolge
- Die explizite Anweisung des Benutzers und echte Marken-Assets
- Die
DESIGN.md/PRODUCT.mddes Projekts - design-studio-Doktrin
- Die Regeln des aktiven Moduls
- ui-ux-pro-max-Datenbankvorschläge — Eingaben, keine Entscheidungen; jeder Vorschlag muss den Schlupf-Boden passieren
Routen
/design-studio <route> [ziel]. Wenn keine Route angegeben ist, aus der Anfrage ableiten.
| Absicht / Argument | Laden | Hinweise |
|---|---|---|
build — Landing, Marketing, Portfolio, öffentliche Seite | modules/taste/MODULE.md + modules/impeccable/MODULE.md (überzeugen) | ui-ux-pro-max nur für Stack-Richtlinien |
app — Dashboard, Einstellungen, Formulare, Produkt-UI, native Bildschirme | impeccable (betreiben) + taste references/app-screens.md | ui-ux-pro-max Stack + UX-Richtlinien |
direction — Palette, Schriften, Stil | zuerst taste-Bibliothek; modules/ui-ux-pro-max/MODULE.md Suche zweitens, schlupfgefiltert | schreibt DESIGN.md |
review / Audit / Roast | modules/ai-design-review/MODULE.md und sein Berichtsformat | Scanner unten; deduplizieren zu IDs |
polish bolder quieter typeset colorize animate harden clarify distill delight adapt onboard optimize layout overdrive shape init document extract critique audit live generate | impeccable Befehlsreferenz | Pin/Unpin deaktiviert |
slides / Deck / Präsentation | modules/slides/MODULE.md | template-library/ als letzte Möglichkeit; .pptx → pptx-Skill |
diagram (+ `import mermaid | drawio | excalidraw, export`) |
| Diagramme in einer App | dataviz-Skill, falls installiert, sonst ui-ux-pro-max Diagramm-Domäne | |
| Längerer Text | ai-design-review copy-Tells; unslop-Skill, falls installiert | |
| `hooks on | off | status` |
Arbeitsablauf
Kurzbeschreibung (PRODUCT.md) → Richtung (DESIGN.md) → Bauen → Prüfen → Tor → Bericht. Details: doctrine/workflow.md.
Arbeitsdateien von Taste bleiben in .taste-skill/. Fassen Sie die gewählte Richtung in DESIGN.md zusammen, damit jedes Modul eine Datei liest.
Tor
Erledigt, wenn: Liefergrößen überprüft; relevante Scanner ausgeführt; kein P0; jedes P1 durch die Kurzbeschreibung gerechtfertigt; Generik ≤ 3/10 für neue UI; SD1–SD5 bestanden; nichts erfunden; App-UI hat leer/laden/Fehler; Bericht nennt die ausgeführten Stufen. Vollständige Tabelle: doctrine/gate.md.
Überprüfungsscanner (deduplizieren auf Katalog-IDs):
node <studio>/modules/ai-design-review/scripts/scan.mjs <target> --json
<studio>/modules/impeccable/scripts/impeccable detect <target>
node <studio>/modules/taste/scripts/lint.mjs <target>
Windows erkennen: <studio>\modules\impeccable\scripts\impeccable.cmd detect <target>.
Hook-Richtlinie
Standardmäßig ausgeschaltet. Niemals stillschweigend aktivieren.
Führen Sie zu Beginn einer build- oder app-Route in einem echten Projekt aus:
<studio>/modules/impeccable/scripts/impeccable hooks status
Opt-In vorschlagen, ein Satz Begründung, wenn eine der folgenden Bedingungen zutrifft: Die Aufgabe wird ≥3 UI-Dateien berühren oder sich über Sitzungen erstrecken; eine Überprüfung hat ≥2 mechanische P0/P1 gefunden (Kontrast, Verlaufstext, Leuchten, Überlauf, Designsystem-Abweichung); der Benutzer bittet um fortlaufende Durchsetzung.
Erklären: Bearbeitungsscan pro Änderung über .claude/settings.local.json (Claude Code) oder .cursor/hooks.json (Cursor). Cursor erhält nur Prüfungen pro Änderung, keinen Stop-Tiefendurchlauf. Verweisen Sie auf <studio>/modules/impeccable/scripts/impeccable.
Respektieren Sie hook.consent in .impeccable/config.local.json. Fragen Sie in diesem Projekt nicht erneut nach.
Wenn sie akzeptieren: impeccable hooks on. Wenn sie ablehnen: hooks off und dort nicht mehr fragen.
Umgebung
| Benötigt | Verwendet von | Wenn fehlt |
|---|---|---|
| Node 18+ | scan.mjs | Scanner überspringen, Bescheid sagen |
| Node 22+ | taste draw / lint / inspect | taste-Skripte überspringen |
| Python 3 | ui-ux-pro-max, diagram verify-geometry | diese überspringen |
| Chrome / Edge | taste inspect, impeccable URL detect | visuelle Browser-Stufe überspringen |
| Playwright | slide PDF export | PDF überspringen |
| python-pptx | PPT import | Import überspringen |
Modulzuordnung
| Pfad | Rolle |
|---|---|
modules/taste/ | Art Direction (draw.mjs), Lint/Inspect |
modules/impeccable/ | Handwerkliche Befehle, erkennen, Hooks |
modules/ui-ux-pro-max/ | Durchsuchbare Stile / Paletten / Stacks |
modules/ai-design-review/ | Tells-Katalog, Scan, Überprüfungsbericht |
modules/slides/ | HTML-Foliensätze; template-library/ ist Implementierungsreferenz |
modules/diagrams/ | HTML/SVG-Diagramme |