ui-craft 플러그인
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.
ui-craft 플러그인 설치 방법
두 명령을 모두 Claude Code 안에서 실행하십시오. 첫 번째는 마켓플레이스를 한 번 추가하고, 두 번째는 플러그인을 설치합니다.
/plugin marketplace add educlopez/ui-craft
/plugin install ui-craft@ui-craftui-craft 구성 요소
플러그인 파일에서 읽어온 33개의 항목입니다.
Commands 25
/ui-craft:name 으로 실행- /ui-craft:adapt
파일에 설명이 없습니다.
- /ui-craft:animate
파일에 설명이 없습니다.
- /ui-craft:audit
파일에 설명이 없습니다.
- /ui-craft:bolder
파일에 설명이 없습니다.
- /ui-craft:brief
파일에 설명이 없습니다.
- /ui-craft:clarify
파일에 설명이 없습니다.
- /ui-craft:colorize
파일에 설명이 없습니다.
- /ui-craft:craft
파일에 설명이 없습니다.
- /ui-craft:critique
파일에 설명이 없습니다.
- /ui-craft:delight
파일에 설명이 없습니다.
- /ui-craft:distill
파일에 설명이 없습니다.
- /ui-craft:extract
파일에 설명이 없습니다.
- /ui-craft:finalize
파일에 설명이 없습니다.
- /ui-craft:harden
파일에 설명이 없습니다.
- /ui-craft:heuristic
파일에 설명이 없습니다.
- /ui-craft:polish
파일에 설명이 없습니다.
- /ui-craft:quieter
파일에 설명이 없습니다.
- /ui-craft:redesign
파일에 설명이 없습니다.
- /ui-craft:remember
파일에 설명이 없습니다.
- /ui-craft:sddesign
파일에 설명이 없습니다.
- /ui-craft:shape
파일에 설명이 없습니다.
- /ui-craft:start
파일에 설명이 없습니다.
- /ui-craft:tokens
파일에 설명이 없습니다.
- /ui-craft:typeset
파일에 설명이 없습니다.
- /ui-craft:unhappy
파일에 설명이 없습니다.
Agents 2
@agent-ui-craft:name 으로 호출- @agent-ui-craft:a11y-auditor
파일에 설명이 없습니다.
- @agent-ui-craft:design-reviewer
파일에 설명이 없습니다.
Skills 4
작업이 일치하면 Claude가 로드합니다- 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
다음 이벤트에서 실행됩니다- hooks
파일에 설명이 없습니다.
MCP server 1
플러그인과 함께 시작됩니다- mcp
파일에 설명이 없습니다.
Claude Code에서 ui-craft 사용하기
Claude Code 세션에서 명령어를 입력하세요:
/ui-craft:adapt
/ui-craft:animate
/ui-craft:audit이름으로 agent를 요청하세요:
@agent-ui-craft:a11y-auditor
@agent-ui-craft:design-reviewerSkills는 명령어가 필요하지 않습니다. 요청이 설명과 일치하면 Claude가 이를 읽습니다.
업데이트, 비활성화 또는 삭제
- 플러그인 업데이트 (shell)
- claude plugin update ui-craft@ui-craft
- marketplace 새로고침
- /plugin marketplace update ui-craft
- 일시적으로 비활성화
- /plugin disable ui-craft@ui-craft
- 삭제
- /plugin uninstall ui-craft@ui-craft
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개 파일452스타 - 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.
452스타 - ui-craft-editorialeduclopez/ui-craft
Builds and polishes high-refinement, content-heavy user interfaces for magazines, blogs, and long-form reading experiences.
452스타 - ui-craft-minimaleduclopez/ui-craft
Generates minimal, clean, and whitespace-heavy user interfaces inspired by Linear, Notion, and Vercel.
452스타
ui-craft 플러그인 질문
ui-craft 플러그인은 어떻게 설치하나요?
Claude Code에서 /plugin marketplace add educlopez/ui-craft를 실행한 다음 /plugin install ui-craft@ui-craft을 실행하십시오.
ui-craft 플러그인에는 무엇이 포함되나요?
ui-craft은(는) 25개 명령, 2개 에이전트, 4개 스킬, 훅, MCP 서버을(를) 묶습니다.
ui-craft 플러그인은 어떤 명령어를 추가하나요?
/ui-craft:adapt, /ui-craft:animate, /ui-craft:audit, /ui-craft:bolder, /ui-craft:brief, /ui-craft:clarify +19를 추가합니다. Claude Code에서 플러그인 접두사를 사용하여 실행하세요. 예: /ui-craft:adapt.
ui-craft에는 어떤 agent가 포함되어 있나요?
a11y-auditor, design-reviewer입니다. @agent-ui-craft:a11y-auditor로 호출하세요.
ui-craft 플러그인을 어떻게 업데이트하거나 삭제하나요?
shell에서 claude plugin update ui-craft@ui-craft를 사용하여 업데이트하거나 /plugin의 Installed 탭에서 수행하세요. 삭제하려면 /plugin uninstall ui-craft@ui-craft을 사용하세요.