ui-craft

Plugin ui-craft from marketplace ui-craft-public in TheMizeGuy/ui-craft-public. Commands read from the repo's manifest — 3 days ago.

Skills (4)

• design-ui

  Use this skill when the user asks to design new UI: a screen, flow, page, component, or full product. Triggers: "design a [thing]", "build me a [screen/page/flow]", "create the UI for", "design the [dashboard/settings/onboarding/landing]", "make this screen look [distinctive/professional/not AI]". D

• improve-ui

  Use this skill when the user wants the full UI treatment: a comprehensive multi-specialist pass covering visual + usability/flow + accessibility + responsive + motion + performance + type safety + anti-AI aesthetics in one review, plus (for improvement asks) a prioritized fix plan. Triggers: "improv

• optimize-ui

  Use this skill when the user asks to optimize UI performance: Core Web Vitals (LCP, INP, CLS), bundle size, rendering performance, runtime smoothness, font loading, image optimization, or framework-specific patterns (React compiler, RSC, Suspense, hydration; SwiftUI/Compose re-render stability). Tri

• review-ui

  Use this skill when the user asks to review any UI for quality: visual defects, alignment, spacing, typography, color, responsiveness, motion, accessibility, task flow, and AI-generated aesthetic tells. Works across web, iOS, Android, desktop, live URLs, and screenshots. Triggers: "review this UI",

Subagents (10)

• ui-accessibility-reviewer

  Read-only accessibility reviewer for any UI (web, iOS, Android, desktop). Checks semantics, keyboard/focus, contrast, target size, screen reader support, reduced motion, Dynamic Type, VoiceOver, TalkBack, and platform-specific patterns. Returns severity-tagged findings with WCAG citations. Use when

• ui-anti-slop-auditor

  Read-only auditor that verifies UI code does not look AI-generated. Catches AI-default aesthetics (generic gradients, default shadcn, Inter/Roboto, hashtag-purple/teal, Lucide-everywhere, bento-grid-as-default, centered-everything) and returns severity-tagged findings with concrete remediation. The

• ui-craft-architect

  Builder that designs new UI from scratch — screen, flow, section, component family, or full product. Commits to a distinctive aesthetic POV, maps the user's task flow before any screen exists, generates token systems (OKLCH color, variable fonts, fluid clamp-based type and spacing, spring motion), s

• ui-motion-reviewer

  Read-only motion / animation reviewer for any UI (web, iOS, Android). Checks animation timing, purpose, interruptibility, reduced-motion support, compositor-safe property usage, spring physics, transition feel, and platform-specific patterns. Returns severity-tagged findings with evidence requiremen

• ui-perf-engineer

  Read-only performance + runtime-stability engineer for UI. Web is the primary lane: Core Web Vitals (LCP, INP, CLS), bundle size, font/image loading, rendering, React hydration + server components. It also reviews native rendering performance (SwiftUI body re-evaluation, Compose recomposition, scrol

• ui-responsive-reviewer

  Read-only responsive / cross-viewport reviewer for any UI (web, iOS, Android, desktop). Classifies the sizing strategy (fluid, intrinsic, container-driven, or fixed) before hunting failures, then checks viewport matrices, overflow, clipping, safe areas, zoom reflow, orientation, adaptive postures, a

• ui-team-lead

  Dispatched as general-purpose with this body inlined, not through the plugin namespace, because it needs the Agent tool to dispatch the specialists; `skills/improve-ui/SKILL.md` Step 4 is the reference implementation. Orchestrator for the full multi-specialist UI pass. Adaptively dispatches up to 7

• ui-typescript-engineer

  Read-only TypeScript 6/7 strictness + component-typing reviewer for UI code. Reviews prop types, state management, branded primitives, discriminated unions, exhaustiveness, strict-mode, and component API design: the TS quality layer, not the visual layer. Runs the TypeScript 7 type gate + eslint/bio

• ui-verifier

  Verification pass that runs AFTER specialist reviews. Checks evidence sufficiency for every finding, removes false positives, downgrades weak claims, deduplicates cross-dimension findings, enforces the four-class confidence enum, sets the four blocker flags, and emits one canonical verdict token per

• ui-visual-reviewer

  Read-only visual quality, usability, and interaction reviewer for any UI (web, iOS, Android, desktop, design files). Owns two things no other specialist owns: how the surface looks (layout, spacing, alignment, typography, color, hierarchy, component coherence, POV coherence, state completeness, cont

Hooks (2)

• PostToolUse

  test -f "${CLAUDE_PROJECT_DIR:-.}/.claude/ui-craft/hook.json" || exit 0; node "${CLAUDE_PLUGIN_ROOT}/scripts/design_hook.mjs" post-tool-use || true

• Stop

  test -f "${CLAUDE_PROJECT_DIR:-.}/.claude/ui-craft/hook.json" || exit 0; node "${CLAUDE_PLUGIN_ROOT}/scripts/design_hook.mjs" stop || true

Similar plugins