By window-ook
Next.js 16 App Router 개발 가이드. params Promise, Server/Client Components, Cache Components, Proxy 패턴
클로드 코드로 워크플로우 자동화 & 단순화를 고민하며 여러가지 시도를 하고 있습니다.
프로젝트에서 사용하고 있는 에이전트/커맨드/스킬/룰/문서/훅 스크립트를 업데이트하고 있습니다!
/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
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 claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
npx claudepluginhub window-ook/claude-code-lab --plugin nextjs-16코드 플로우 시각화 인터랙티브 웹 리포트 생성
Feature-Sliced Design(FSD) 아키텍처 방법론 가이드. 레이어/슬라이스/세그먼트 설계, 의존성 규칙, Public API 패턴
React/Next.js 성능 최적화 가이드. 워터폴 제거, 번들 최적화, 렌더링 개선
TailwindCSS 베스트 프랙티스 가이드. 유틸리티 클래스, 반응형 디자인, 다크 모드, 테마 커스터마이징
Figma 디자인-투-코드 자동화 번들: 디자인 분석, 구현 계획, 참조 기반 계획, 실행 스킬 및 Figma MCP 통합
Next.js 16 with App Router, Server Components, Server Actions, Cache Components. Use for React 19.2 apps, SSR, or encountering async params, proxy.ts migration, use cache errors.
Expert Next.js 16 + React 19 with App Router, Server Components, Prisma 7, and Better Auth
Comprehensive Next.js 15.5/16 expertise system covering App Router, Server Components, Server Actions, Cache Components ('use cache'), Turbopack, middleware/proxy.ts, View Transitions, Modal.com integration, and deployment. PROACTIVELY activate for: (1) ANY Next.js task, (2) App Router layouts/pages/loading/error, (3) Server Components and Client Components, (4) Server Actions with next-safe-action, (5) Cache Components with 'use cache' directive, (6) Route Handlers (API routes) with async params, (7) Middleware (Edge) and proxy.ts (Node.js), (8) Dynamic and parallel routes, (9) Authentication with NextAuth.js, (10) Turbopack development and production builds, (11) View Transitions API, (12) Deployment (Vercel, Docker, static export), (13) Modal.com backend integration for AI/GPU workloads, (14) Next.js + Modal webhooks and long-running jobs, (15) File upload processing with Modal. Provides: Next.js 16 complete features, Cache Components, async params migration, proxy.ts patterns, View Transitions, Turbopack config, App Router file conventions, Server/Client Component patterns, Server Actions with useActionState, caching (Data Cache, Full Route Cache, Router Cache), revalidatePath/revalidateTag, middleware patterns, advanced routing (parallel, intercepting), NextAuth.js authentication, deployment strategies, Modal.com integration patterns for AI inference and heavy compute.
Next.js development expertise with skills for App Router, Server Components, Route Handlers, Server Actions, and authentication patterns
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
Frontend design skill for UI/UX implementation