kdesigner

Plugin kdesigner from marketplace claudecode-kdesigner in SeongGwangJu/claudecode-kdesigner. Commands read from the repo's manifest — 1 month ago.

Skills (16)

• aesthetic-guard

  화면·컴포넌트를 만들 때 발동되는 미학 가드 — AI 클리셰(보라 그라디언트·이니셜 아바타·균등 카드 그리드·Inter 폰트)를 회피하고 한 방향 미학에 commit하게 한다. 화면·시각 요소 *생성/변경* 의도가 보이는 모든 디자인 발화에 — "랜딩 만들어줘"·"히어로 추가"·"프로필 페이지"·"이미지 추가"·"아바타 박아줘"·"더미 데이터" 같은 자연어에 발동.

• auto-validate

  저장 직전·큰 작업 마무리 시 자동 검증 — *환경 인식 wrapper*로 `package.json` scripts(`lint`/`typecheck`/`check`/`build`) 우선 호출, 없으면 일반 fallback. dev 서버 살아있으면 빌드 회피, lint·타입만. 다른 Skill(`safe-save` 등) 호출 직전 자동 트리거 + 큰 작업 마무리(컴포넌트 추가·구조 변경) 시 + "한번 돌려봐"·"에러 없어?"·"빌드 해봐" 같은 자연어. 텍스트 사소한 변경(레이블·문구만)엔 발동 X.

• design-sync

  본 레포(원본 운영 코드) → 디자인 레포 *Pull 기반 sync* — `import-existing` A 분기 변환 후 본 레포에 누적된 개발자 변경을 디자인 영역만 골라 흡수, 비디자인 영역은 알림만. 충돌 시 `git cherry-pick --abort`로 안전 복귀 + AskUserQuestion 1회. 비파괴 git 엄수. "최신화해줘"·"갱신해줘"·"원본 변경분 가져와줘"·"본 레포에서 가져오기"·"본 레포에 뭐 바뀐 거 가져와" 같은 자연어에 발동.

• design-system-guard

  디자인 토큰 일관성 가드 + 컴포넌트 인덱스 갱신 — 색·간격·둥글기·타이포 변경 발화·신규/변경 컴포넌트를 감지해 *부분 수정*인지 *시스템 변경*인지 자동 분기, 시스템 변경이면 명시적 동의. 디자인 토큰(색·간격·둥글기·타이포)이 영향받는 변경 또는 컴포넌트 신규/변경 시점에 — "이 버튼 좀 더 둥글게 해줘"·"색을 다른 걸로 바꿔줘"·"여백 좁혀줘"·"본문 글씨 키워줘" 같은 자연어.

• designer-persona

  한국 디자이너 모드의 *발화별* 보강 가드 — 페르소나 정의·응답 스타일은 CLAUDE.md 레이어, 이 Skill은 디자인 발화의 *에러 톤*과 *응답 직전 톤 자가 점검*만 책임. 디자이너 모드 활성 프로젝트에서 디자인·운영·문제 상황 응답을 생성할 때 — "버튼 만들어줘"·"이 색 좀 부드럽게"·"둥글기 키워줘"·"저장해줘"·"개발자한테 넘길 거 정리해줘"·"왜 안 돼?"·"에러 났어" 같은 모든 디자인 관련 자연어. 글로벌 페르소나는 CLAUDE.md, 새 대화 권유는 `fresh-session-guide`.

• error-translator

  에러 가로채기 + 적극 자동 회복 우선 — stdout/stderr뿐 아니라 *브라우저 런타임 에러*(컴포넌트 throw·풀스크린 에러 오버레이·콘솔 에러 폭주)까지 가드 범위, 자동 회복(의존성 설치·포트 변경·재시도) 먼저 + 실패 시에만 친화 한국어 + 개발자 복사용 메시지. 디자이너에게 영어 스택트레이스·빨간 박스 단독 노출 직전 — 다른 Skill 비정상 종료·`preview` 모니터링 자동 가로채기, "에러 났는데"·"이거 안 돼"·"왜 안 돼?"·"빨간 글씨 떴어"·"빨간 박스 떴어"·"화면이 깨졌어" 같은 자연어에 발

• export-handoff

  개발자에게 디자이너 작업물을 회차별로 인계 정리. 디자이너가 화면 작업을 마치고 넘기기 직전 — "개발자한테 넘기기"·"인계 정리해줘"·"넘길 거 정리해줘"·"이거 마무리하고 넘기자" 같은 자연어에 발동, 작업 진행 중 단순 저장은 `safe-save`로 분기.

• external-share

  외부 공유 (시안·배포) — 디자이너가 작업물을 *외부에 보여주려* 할 때 4단계 의도(잠깐/단기/지속/공개)와 trade-off, 사전 게이트 3중(빌드·민감정보·더미), 회사 프로젝트 가드. "이거 잠깐 보여줘"·"팀에 시안 돌리고 싶어"·"링크 만들어줘"·"올려줘"·"배포해줘" 같은 외부 공유 의도에 발동, 단순 저장(`safe-save`)·본인 미리보기(`preview`)·개발자 인계(`export-handoff`)와 분기. 종료 의도("내려줘"·"공유 끝")도 같은 Skill.

• feedback-curator

  디자이너 부정 신호를 누적하고 같은 결이 반복되면 전역으로 승격 권유 — 회피 사전 인터뷰 X(부담 큼), *사후 누적*이 정확. 부정 반응 감지 시 또는 화면 산출물 직후 작업 마무리 시점 — "너무 흔해 보여"·"어디서 본 듯한"·"스타트업 같은 룩"·"이 색 좀…"·"폰트 별로"·"Linear/Notion/Vercel처럼 X말고" 같은 부정 비교 발화 + 마무리 후 능동 유도. 미학 결정 자체는 `aesthetic-guard`, 이 Skill은 *누적·승격*만.

• fresh-session-guide

  세션이 충분히 무거워졌고 큰 흐름의 휴지점일 때 디자이너에게 새 대화창으로 옮기길 *잔소리 없이 한 번* 권유 — CLAUDE.project.md 자동 로드 덕분에 컨텍스트는 그대로 이어진다는 안심이 핵심. 주력 트리거는 *시스템 자가 점검* (§1)으로 사용자가 직접 부르는 일은 드물다. (a) `export-handoff` 인계 사이클 마무리 직후 / (b) 양적·질적 게이트 둘 다 yes일 때 자가 점검 자동 / (c) 보조 자연어("대화 길어졌나?"·"이거 무거워"·"새 대화 열까?"·"토큰 너무 쓰는 거 아냐?") — 같은

• import-existing

  기존 프로젝트에 디자이너가 안전하게 끼어들기 — 입력 4분류(전체 레포·디자인+페이지 추출분·디자인 시스템만·컴포넌트 일부)로 자동 분기, A 분기는 prod 경계 손대지 않고 인증·API stub 격리 + 에러 노출 차단 레이어. 빈 디렉토리가 아닌 기존 코드베이스에서 — "기존 프로젝트에서 가져오기"·"운영 중인 서비스 받았는데 디자인만 손볼게"·"이 프로젝트에 디자이너 모드 켜줘"·"있는 거 분석해서 셋업해줘" 같은 자연어에 발동.

• new-service

  새 서비스 0→1 셋업 — 추천 스택(웹: Tailwind+shadcn/ui+Next.js+TypeScript / 앱: Expo+NativeWind)으로 폴더 구조·`CLAUDE.project.md`·`package.json` scripts까지 박아 디자이너가 첫 화면을 만질 수 있는 상태로. 사용자가 새로 만들겠다는 결을 표현한 직후 — "새 디자인 시작할게"·"새로 만들고 싶어"·"처음부터 만들어줘"·"빈 곳에서 시작"·"프로젝트 새로 셋업해줘" 같은 자연어. 빈 디렉토리라는 환경 조건만으로는 발동 X (의도 확인 우선, [[/

• preview

  화면 즉시 확인 — 의존성 설치(필요 시) + dev 서버 시작 + 브라우저 자동 오픈을 한 번에, 포트 충돌은 `error-translator`로 위임해 다른 포트 자동 재시도. 디자이너가 만든 화면을 즉시 확인하고 싶을 때 — "보여줘"·"지금까지 작업 보여줘"·"실행해줘"·"한번 띄워봐"·"화면 켜줘" 같은 자연어 + `new-service` 셋업 직후 자동 호출. 의존성·서버·브라우저 단계 자체를 디자이너 시야에 등장 X.

• publishing-guard

  디자이너가 *디자인 외 영역*(인증·라우팅·도메인 store·hook 결합·props 시그니처·알고리즘 교체)을 변경하려 할 때 (a) 격리 OK / (b) 격리 부족 / (c) 진짜 prod 영향 3분류로 톤 차별화 응답. PreToolUse/PostToolUse hook이 *경로 매치*·*패턴 매치*로 신호 보내면 깨어남, 디자이너가 직접 "이 파일 손대도 돼?"·"이 컴포넌트 props 바꿔도 돼?" 발화로도 사전 호출. *분리·기록* 우선 — 차단 X, (c) + 명시 동의 시 세션 큐 push해 다음 인계 회차에 자동 첨부

• quality-check

  화면 품질 점검 — 반응형 누락·색 대비(접근성)·`alt` 누락·디자인 토큰 어긋남(하드코딩 색·간격) 체크리스트, 결과는 디자이너 친화 리포트("이 화면 모바일에서 글씨 잘려요"). 영어 lint 메시지 그대로 노출 X. 화면 만들고 인계 전 또는 의심 가는 부분을 확인하고 싶을 때 — "점검해줘"·"확인해줘"·"이거 괜찮아?"·"검사해줘"·"넘기기 전에 한번 봐줘" 같은 자연어 + `export-handoff` 직전 자동 호출.

• safe-save

  저장 — 임시저장도 진짜저장도 모두 commit 기반(stash 안 씀). 호출 직전 `auto-validate` 트리거 → 자연 한국어 commit 메시지 자동 생성 → push 여부 분기. 비파괴적 git 보장(`reset --hard`·`push --force`·`stash drop` 절대 X). 작업 중간·마무리 시점 저장 의도 — "저장해줘"·"지금까지 한 거 저장"·"임시저장"·"잠깐 저장만"·"올려줘"·"원격에 올려줘" 같은 자연어 + 다른 Skill 흐름 마무리 단계에서 명시 호출. /임시저장도 /저장도 동일 모델,

Slash commands (8)

• /kdesigner:references:tool-check-messages
• /kdesigner:references:맨처음설정-마이그레이션
• /kdesigner:references:프로젝트시작-import-라인
• /kdesigner:references:프로젝트시작-마이그레이션
• /kdesigner:되돌리기

  작업 되돌리기 — `git revert` 기반 비파괴. "방금"/"오전 작업"/"특정 시점" 자연어로 되돌릴 시점을 고른다. 위험 동작이라 명시 동의 1회 필수, 다시 되돌릴 수 있음.

• /kdesigner:디자인끄기

  디자이너 모드 종료 — 프로젝트 단위 끄기 또는 전역 설정을 원본 그대로 복원. `/kdesigner:맨처음설정`·`/kdesigner:프로젝트시작`이 백업해둔 `~/.claude/CLAUDE.md`·`./CLAUDE.md` 원본으로 깔끔히 되돌린다.

• /kdesigner:맨처음설정

  이 컴퓨터에 디자이너 모드를 *처음 한 번* 켜는 의식 — 페르소나·응답 스타일·한국어·git 추상화를 전역(user-level) `~/.claude/CLAUDE.md`에 박는다. 프로젝트 단위 셋업은 `/kdesigner:프로젝트시작`이 담당.

• /kdesigner:프로젝트시작

  이 프로젝트의 디자인 작업을 시작하는 의식 — DESIGN.md 자동 인식, `CLAUDE.project.md` 생성, `./CLAUDE.md` import 라인, 사이클 SHA 박기. 빈 디렉토리면 *의도 확인 질문*(새 디자인 vs 기존 가져오기), 기존 코드면 `import-existing` 자연 권유.

Hooks (4)

• SessionStart

  ${CLAUDE_PLUGIN_ROOT}/hooks/session-start.sh

• PreToolUse

  ${CLAUDE_PLUGIN_ROOT}/hooks/publishing-guard-pre.sh

• PostToolUse

  ${CLAUDE_PLUGIN_ROOT}/hooks/post-tool-bash.sh

• PostToolUse

  ${CLAUDE_PLUGIN_ROOT}/hooks/publishing-guard-post.sh

Similar plugins