Stats
Links
Categories
Marketplace
claude-code-lab
Claude Code Lab plugin marketplace - 개별 레퍼런스 스킬, 기획 도구, 코드 품질, Figma 자동화, Playwright 테스트, 개발 워크플로우 도구
$
npx claudepluginhub window-ook/claude-code-labREADME
Claude Code Lab
클로드 코드로 워크플로우 자동화 & 단순화를 고민하며 여러가지 시도를 하고 있습니다.
프로젝트에서 사용하고 있는 에이전트/커맨드/스킬/룰/문서/훅 스크립트를 업데이트하고 있습니다!
🛍️ 마켓플레이스에서 설치
마켓플레이스 추가
/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
👨🔬 Lab's Experimental Results 안내
⚡️ Skills
특정 워크플로우를 자동화하기 위해 만든 skill입니다.
🤖 Agents
특정 반복적 & 병렬 가능 업무에 특화된 sub-agent입니다.
📋 Rules
클로드가 컨텍스트로 참고할 지침을 세분화 해둔 rule입니다.
⌨️ Commands
자주 사용하는 프롬프트를 작은 단위로 분리한 command입니다.
📚 Docs
다양한 주제의 클로드 코드 관련 문서입니다.
ex) docs/best-practices/** -> 여러 상황에서 발견한 베스트 프랙티스
🪝 Hooks
특정 이벤트 발생 시 자동으로 실행되는 훅 스크립트입니다.
© 2026 github.com/window-ook/claude-code-lab
20 Plugins
zustand
0·
Zustand 상태 관리 라이브러리 베스트 프랙티스 가이드. create, createStore, useStore, useShallow, Slices Pattern, TypeScript, persist/devtools/immer 미들웨어
3mo
window-ook
tanstack-query
0·
TanStack Query(React Query) 베스트 프랙티스 가이드. useQuery, useSuspenseQuery, useMutation, Query Key Factory, Cache Invalidation, SSR Prefetch
3mo
window-ook
nextjs-16
0·
Next.js 16 App Router 개발 가이드. params Promise, Server/Client Components, Cache Components, Proxy 패턴
3mo
window-ook
tailwind-css
0·
TailwindCSS 베스트 프랙티스 가이드. 유틸리티 클래스, 반응형 디자인, 다크 모드, 테마 커스터마이징
3mo
window-ook
emotion-js
0·
Emotion.js(CSS-in-JS) 베스트 프랙티스 가이드. styled 컴포넌트, css prop, Object Styles, Theming, SSR, 성능 최적화 등
3mo
window-ook
fsd
0·
Feature-Sliced Design(FSD) 아키텍처 방법론 가이드. 레이어/슬라이스/세그먼트 설계, 의존성 규칙, Public API 패턴
3mo
window-ook
react-best-practices
0·
React/Next.js 성능 최적화 가이드. 워터폴 제거, 번들 최적화, 렌더링 개선
3mo
window-ook
playwright-pom
0·
Playwright E2E 테스트 Page Object Model 패턴 가이드
3mo
window-ook
clean-tailwind
0·
Tailwind CSS className 순서 정렬 및 클린업 스킬
3mo
window-ook
excalidraw
0·
코드베이스 분석 기반 아키텍처 다이어그램 .excalidraw 파일 생성 및 PNG/SVG 내보내기
3mo
window-ook
idea-plan
0·
서비스 개발을 위한 아이디어 기획서 작성. 사용자와의 Q&A를 통해 서비스 컨셉, 핵심 기능, 디자인 방향을 정의
3mo
window-ook
persona-research
0·
가상 페르소나 생성 및 AI 인터뷰 시뮬레이션으로 사용자 인사이트 도출
3mo
window-ook
prd
0·
서비스 개발을 위한 제품 요구사항 정의서(PRD) 작성
3mo
window-ook
code-flow-report
0·
코드 플로우 시각화 인터랙티브 웹 리포트 생성
3mo
window-ook
slack-thread
0·
슬랙 스레드 업로드를 위한 문서 정리. 회의록, 건의/제안, 보고서 양식으로 구조화
3mo
window-ook
code-quality
0·
코드 품질 도구 번들: Tailwind CSS 클린업, security/performance/a11y 리뷰 에이전트, convention/architecture 검증, 리팩토링 커맨드, 코딩 룰
3mo
window-ook
developer-toolkit
0·
개발 워크플로우 도구 번들: excalidraw/slack-thread/save-context/agent-team 스킬, documentation/error-fixer/web-research/plan-verifier 에이전트, 브레인스토밍/실행/PR/브랜치/에이전트팀/sync-dev 커맨드
3mo
window-ook
figma-tools
0·
Figma 디자인-투-코드 자동화 번들: 디자인 분석, 구현 계획, 참조 기반 계획, 실행 스킬 및 Figma MCP 통합
3mo
window-ook
playwright-testing
0·
Playwright E2E 테스트 자동화 번들: 테스트 계획, 테스트 생성, 실패 테스트 복구 에이전트
3mo
window-ook
agent-team
0·
인터뷰 기반 에이전트 팀 구축: 복잡도×성격 매트릭스로 최적 팀 추천 및 자동 생성
3mo
window-ook