v0.1.74

v0.1.74 — OpenTelemetry trace 보기 레이아웃 + 글로벌 Claude Code Skills 3종 설치

frontend-design

• (Anthropic) — distinctive 한 production-grade UI 구축 가이드. ViewWork 의 시각 디자인 강화에 직접 활용.

mcp-builder

• (Anthropic) — 고품질 MCP 서버 개발 4-step workflow. ViewWork 의 bin/viewwork-mcp.mjs 확장 시 유용.

software-architecture

• (davila7) — 클린 아키텍처 + DDD 원칙 + NIH/제네릭 네이밍 안티패턴. 자체 코드베이스 리팩토링 가이드.
• 제외: **obsidian-skills** (kepano) — 메모/마크다운 도구라 ViewWork 와 직접 관련성 낮음.
• 각 skill 의 SKILL.md 만 다운로드 (총 17 KB). 다음 Claude Code 세션부터 자동 발견되어 필요 시 invoke.
• #### 3) 검증
• npx tsc --noEmit exit=0
• npm run build 성공 (renderer 3,211 kB, +6 kB) — production build 까지 확인 (v0.1.73 의 Globe import 누락 같은 minify-시점 에러 사전 차단).
• 사용자 시나리오: 2D 모드 + 좌측 사이드바 → 레이아웃 → "OpenTelemetry trace" 클릭 → role 별 swim-lane 정렬 확인.
• #### 4) 파일 변경
• 수정: src/utils/layoutAlgorithm.ts (compute2DOtelLayout 함수 추가, +156 lines)
• 수정: src/store/viewStore.ts (LayoutOrientation type + 마이그레이션 분기)
• 수정: src/components/Layout/ViewOptionsPanel.tsx (2D 전용 OTel button)
• 수정: src/i18n/locales/{ko,en}.json (2 키 ×2)
• 수정: package.json 0.1.73 → 0.1.74
• 글로벌 신규: ~/.claude/skills/{frontend-design,mcp-builder,software-architecture}/SKILL.md
• --

📦 GitHub 릴리스 노트: v0.1.74