ui-craft Plugin
Design engineering skill + system for AI coding agents: anti-slop UI rules, outcome recipes, spec-driven design (/sddesign), design-review + a11y agents, and MCP quality gates.
So installierst du das ui-craft Plugin
Führe beide Befehle in Claude Code aus. Der erste fügt den Marketplace einmalig hinzu; der zweite installiert das Plugin.
/plugin marketplace add educlopez/ui-craft
/plugin install ui-craft@ui-craftWas ist in ui-craft enthalten
33 Teile wurden aus den eigenen Dateien des Plugins gelesen.
Commands 25
Ausführen als /ui-craft:name- /ui-craft:adapt
Keine Beschreibung in der Datei gefunden.
- /ui-craft:animate
Keine Beschreibung in der Datei gefunden.
- /ui-craft:audit
Keine Beschreibung in der Datei gefunden.
- /ui-craft:bolder
Keine Beschreibung in der Datei gefunden.
- /ui-craft:brief
Keine Beschreibung in der Datei gefunden.
- /ui-craft:clarify
Keine Beschreibung in der Datei gefunden.
- /ui-craft:colorize
Keine Beschreibung in der Datei gefunden.
- /ui-craft:craft
Keine Beschreibung in der Datei gefunden.
- /ui-craft:critique
Keine Beschreibung in der Datei gefunden.
- /ui-craft:delight
Keine Beschreibung in der Datei gefunden.
- /ui-craft:distill
Keine Beschreibung in der Datei gefunden.
- /ui-craft:extract
Keine Beschreibung in der Datei gefunden.
- /ui-craft:finalize
Keine Beschreibung in der Datei gefunden.
- /ui-craft:harden
Keine Beschreibung in der Datei gefunden.
- /ui-craft:heuristic
Keine Beschreibung in der Datei gefunden.
- /ui-craft:polish
Keine Beschreibung in der Datei gefunden.
- /ui-craft:quieter
Keine Beschreibung in der Datei gefunden.
- /ui-craft:redesign
Keine Beschreibung in der Datei gefunden.
- /ui-craft:remember
Keine Beschreibung in der Datei gefunden.
- /ui-craft:sddesign
Keine Beschreibung in der Datei gefunden.
- /ui-craft:shape
Keine Beschreibung in der Datei gefunden.
- /ui-craft:start
Keine Beschreibung in der Datei gefunden.
- /ui-craft:tokens
Keine Beschreibung in der Datei gefunden.
- /ui-craft:typeset
Keine Beschreibung in der Datei gefunden.
- /ui-craft:unhappy
Keine Beschreibung in der Datei gefunden.
Agents 2
Aufrufen als @agent-ui-craft:name- @agent-ui-craft:a11y-auditor
Keine Beschreibung in der Datei gefunden.
- @agent-ui-craft:design-reviewer
Keine Beschreibung in der Datei gefunden.
Skills 4
Claude lädt es, wenn die Aufgabe passt- ui-craft
Enables design engineers to implement high-quality, non-generic user interfaces through structured discovery, design tokens, and specific refinement passes.
- ui-craft-dense-dashboard
Builds data-heavy, operator-focused interfaces like admin panels and analytics dashboards using a high-density, keyboard-first design system.
- ui-craft-editorial
Builds and polishes high-refinement, content-heavy user interfaces for magazines, blogs, and long-form reading experiences.
- ui-craft-minimal
Generates minimal, clean, and whitespace-heavy user interfaces inspired by Linear, Notion, and Vercel.
Hooks 1
Wird bei diesen Events ausgeführt- hooks
Keine Beschreibung in der Datei gefunden.
MCP server 1
Startet mit dem Plugin- mcp
Keine Beschreibung in der Datei gefunden.
Verwendung von ui-craft in Claude Code
Gib einen Command in einer Claude Code Session ein:
/ui-craft:adapt
/ui-craft:animate
/ui-craft:auditFrage nach einem Agent per Name:
@agent-ui-craft:a11y-auditor
@agent-ui-craft:design-reviewerSkills benötigen keinen Command. Claude liest sie, wenn deine Anfrage dem entspricht, was sie beschreiben.
Aktualisieren, deaktivieren oder entfernen
- Plugin aktualisieren (shell)
- claude plugin update ui-craft@ui-craft
- marketplace aktualisieren
- /plugin marketplace update ui-craft
- Vorerst deaktivieren
- /plugin disable ui-craft@ui-craft
- Entfernen
- /plugin uninstall ui-craft@ui-craft
Skills in ui-craft
- ui-crafteduclopez/ui-craft
Enables design engineers to implement high-quality, non-generic user interfaces through structured discovery, design tokens, and specific refinement passes.
35 Dateien452Stars - ui-craft-dense-dashboardeduclopez/ui-craft
Builds data-heavy, operator-focused interfaces like admin panels and analytics dashboards using a high-density, keyboard-first design system.
452Stars - ui-craft-editorialeduclopez/ui-craft
Builds and polishes high-refinement, content-heavy user interfaces for magazines, blogs, and long-form reading experiences.
452Stars - ui-craft-minimaleduclopez/ui-craft
Generates minimal, clean, and whitespace-heavy user interfaces inspired by Linear, Notion, and Vercel.
452Stars
Fragen zum ui-craft Plugin
Wie installiere ich das ui-craft Plugin?
Führe in Claude Code /plugin marketplace add educlopez/ui-craft aus, dann /plugin install ui-craft@ui-craft.
Was enthält das ui-craft Plugin?
ui-craft bündelt 25 Commands, 2 Agents, 4 Skills, Hooks, MCP servers.
Welche Commands fügt das ui-craft Plugin hinzu?
Es fügt /ui-craft:adapt, /ui-craft:animate, /ui-craft:audit, /ui-craft:bolder, /ui-craft:brief, /ui-craft:clarify +19 hinzu. Führe sie in Claude Code mit dem Plugin-Präfix aus, zum Beispiel /ui-craft:adapt.
Welche Agents sind bei ui-craft dabei?
a11y-auditor, design-reviewer. Rufe einen mit @agent-ui-craft:a11y-auditor auf.
Wie aktualisiere oder entferne ich das ui-craft Plugin?
Aktualisiere es mit claude plugin update ui-craft@ui-craft in deiner shell oder über den Installed-Tab von /plugin. Entferne es mit /plugin uninstall ui-craft@ui-craft.