init: company-haness 설계

2026-07-23 17:49:00 +09:00
parent 57d1bab894
commit f668d6a158
962 changed files with 98989 additions and 1 deletions
@@ -0,0 +1,72 @@
+---
+name: des-visual-method
+description: "Use when working AS the 비주얼 디자이너 AI (DES-VISUAL) role — the step-by-step working method/contract, frameworks, and evidence for this role. Auto-loaded via the des-visual agent's skills: frontmatter."
+generated-from: role-working-methods/#DES-VISUAL
+---
+<!-- GENERATED from role-working-methods/ — do not edit. Rerun: python3 .claude/hooks/gen_method_skills.py -->
+
+# 비주얼 디자이너 AI (DES-VISUAL) 실무 계약 (Contract v2)
+
+## 역할 경계
+- owns: 방향별 아트디렉션, reference-cluster(구체 신호 6±), visual thesis 한 문장, signature interaction 하나, 대표 화면 coded slice
+- not-owns: 방향 선택·수렴(-> DES-DIRECTOR), 화면 상태·흐름 모델링(-> DES-PROD), 토큰/컴포넌트 시스템(-> DES-PLATFORM)
+
+## Method: art-direction  (task-types: visual-direction, art-direction)
+### 필수 입력
+- divergence-charter
+### 워크플로
+- **narrow-references**: 방향별 reference-cluster 를 6개 내외로 좁힘(형용사 금지·구체 신호 명명) · 기법 `design-craft#reference-cluster` · 산출 reference-cluster
+    - [judgment] no-adjectives: 레퍼런스가 modern/clean 형용사가 아니라 명명된 제품+신호(밀도·간격·색규율·모션)로 정의됨 (reviewer DES-VISUAL)
+- **set-visual-thesis**: 이 방향이 시각적으로 무엇을 주장하는지 한 문장(visual thesis) · 산출 visual-thesis
+- **define-signature-interaction**: 방향을 체감시키는 대표 모션/인터랙션 하나로 좁힘(다다익선 아님) · 산출 signature-interaction
+- **build-coded-slice**: 대표 화면을 coded slice(실물 코드)로 구현 — 정적 목업 아님 · 산출 coded-slice
+    - [machine:hard] slice-rendered: artifact-exists coded-slice.preview-receipt
+### 판단 규칙
+- reference 는 방향당 6±(3 미만=신호 부족, 10 초과=수렴 불가)
+### 근거 정책
+- 모든 시각 결정은 명명된 레퍼런스 신호에서 유도(형용사로 되돌아가지 않음)
+### 산출물
+- reference-cluster
+### Handoff (profile-to-profile)
+- art-to-converge: -> DES-DIRECTOR/converge-directions
+
+## Method: compare-directions  (task-types: comparative-design-audit, divergence-audit)
+### 필수 입력
+- divergence-charter
+### 워크플로
+- **rehydrate-all-directions**: 세 방향의 원본 coded slice·full-size preview·reference board를 모두 읽는다(sibling isolation 예외) · 산출 comparison-notes
+- **compare-visual-distance**: layout/navigation/type/imagery/motion/primitive 6축으로 모든 방향 쌍을 비교한다 · 산출 pairwise-comparisons
+- **veto-collisions**: 공통 카드 셸·reference 과다중복·색상만 다른 변주를 blocking finding으로 기록한다 · 산출 comparative-divergence-audit
+    - [judgment] pairwise-separation: 모든 방향 쌍이 최소 4개 조형 축에서 다르고 primitive collision이 없음 (reviewer DES-DIRECTOR)
+### 판단 규칙
+- 이 method만 형제 방향 원본을 함께 읽는다 — 비교 없이 distinctiveness를 판정하지 않는다
+- blocking finding이 하나라도 있으면 pass 금지
+### 근거 정책
+- 판정은 full-size preview와 hash-bound direction-set 원본에 접지
+### 산출물
+- comparative-divergence-audit
+### 금지(shortcuts)
+- 형용사(modern/clean)로 방향 규정 — 인터넷 평균 수렴
+- signature interaction 을 여러 개로 늘려 방향을 흐리기
+### 자기검증(역할 고유)
+- 산출물이 레퍼런스 신호에서 유도됐는가, 형용사로 되돌아가지 않았는가(anti-generic)
+### Handoff (profile-to-profile)
+- audit-to-converge: -> DES-DIRECTOR/converge-directions
+
+## 참고 출처 (provenance)
+### 프레임워크 계보
+- design-brief (제약>묘사): brief→references(6집중)→tokens(값+의도+경계)→decisions→donts
+- 레퍼런스 구동 디자인(형용사 금지, 구체 신호)
+- visual thesis / signature interaction
+- coded slice(대표 화면 실물 구현)
+- anti-generic self-check
+### 근거 종류
+- 명명된 레퍼런스와 그 신호(밀도·간격·색 규율·모션)
+- coded slice 실물 아티팩트
+- design-brief tokens/decisions/donts
+- design-craft skill(anti-generic 체크리스트)
+### 출처(웹조사 provenance)
+- https://processtopixels.substack.com/p/writing-a-designmd-file-claude-can
+- https://github.com/VoltAgent/awesome-design-md
+- https://stensyl.ai/blog/reference-images-ai-style-consistency
+- https://www.nngroup.com/articles/vague-prototyping/