클로드 코드로 워크플로우 자동화 & 단순화를 고민하며 여러가지 시도를 하고 있습니다.
프로젝트에서 사용하고 있는 에이전트/커맨드/스킬/룰/문서/훅 스크립트를 업데이트하고 있습니다!
/plugin marketplace add https://github.com/window-ook/claude-code-lab
CLI에서 직접 설치:
개별 스킬 16개 + 번들 4개, 총 20개 플러그인을 제공합니다.
/plugin install zustand@claude-code-lab
또는 /plugin → Marketplaces 탭 → Browse plugins → 원하는 플러그인 선택 후 Install
특정 워크플로우를 자동화하기 위해 만든 skill입니다.
특정 반복적 & 병렬 가능 업무에 특화된 sub-agent입니다.
클로드가 컨텍스트로 참고할 지침을 세분화 해둔 rule입니다.
자주 사용하는 프롬프트를 작은 단위로 분리한 command입니다.
다양한 주제의 클로드 코드 관련 문서입니다.
ex) docs/best-practices/** -> 여러 상황에서 발견한 베스트 프랙티스
특정 이벤트 발생 시 자동으로 실행되는 훅 스크립트입니다.
© 2026 github.com/window-ook/claude-code-lab
Based on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimNext.js 16 App Router 개발 가이드. params Promise, Server/Client Components, Cache Components, Proxy 패턴
Feature-Sliced Design(FSD) 아키텍처 방법론 가이드. 레이어/슬라이스/세그먼트 설계, 의존성 규칙, Public API 패턴
React/Next.js 성능 최적화 가이드. 워터폴 제거, 번들 최적화, 렌더링 개선
TailwindCSS 베스트 프랙티스 가이드. 유틸리티 클래스, 반응형 디자인, 다크 모드, 테마 커스터마이징
Figma 디자인-투-코드 자동화 번들: 디자인 분석, 구현 계획, 참조 기반 계획, 실행 스킬 및 Figma MCP 통합
npx claudepluginhub window-ook/claude-code-lab --plugin code-flow-reportAnalyzes a codebase and generates animated HTML architecture reports — diagrams, data flows, component directories, metrics, and insights.
Codebase visualization — generates architecture, data flow, dependency, call chain, community detection, and class diagrams via Mermaid Chart MCP
Build node-based editors, interactive diagrams, and workflow builders with React Flow.
Visual report generation suite: wiki analysis, diff review, plan review, project recap, and fact-checking — self-contained HTML reports with interactive diagrams, responsive navigation, and curated design system
Build interactive, click-through architecture diagrams as a single HTML file. Animated step-by-step flows, mode toggles, dark/light theme, side panel with payloads.
Excalidraw diagramming toolkit — auto-diagram any codebase, architecture diagrams, data flows, with PNG/SVG/URL export