By window-ook
Feature-Sliced Design(FSD) 아키텍처 방법론 가이드. 레이어/슬라이스/세그먼트 설계, 의존성 규칙, Public API 패턴
클로드 코드로 워크플로우 자동화 & 단순화를 고민하며 여러가지 시도를 하고 있습니다.
프로젝트에서 사용하고 있는 에이전트/커맨드/스킬/룰/문서/훅 스크립트를 업데이트하고 있습니다!
/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 claim코드 플로우 시각화 인터랙티브 웹 리포트 생성
Next.js 16 App Router 개발 가이드. params Promise, Server/Client Components, Cache Components, Proxy 패턴
React/Next.js 성능 최적화 가이드. 워터폴 제거, 번들 최적화, 렌더링 개선
TailwindCSS 베스트 프랙티스 가이드. 유틸리티 클래스, 반응형 디자인, 다크 모드, 테마 커스터마이징
Figma 디자인-투-코드 자동화 번들: 디자인 분석, 구현 계획, 참조 기반 계획, 실행 스킬 및 Figma MCP 통합
npx claudepluginhub window-ook/claude-code-lab --plugin fsdUse this agent when you need to design scalable architecture and folder structures for new features or projects. Examples include: when starting a new feature module, refactoring existing code organization, planning microservice boundaries, designing component hierarchies, or establishing project structure conventions. For example: user: 'I need to add a user authentication system to my app' -> assistant: 'I'll use the code-architect agent to design the architecture and folder structure for your authentication system' -> <uses agent>. Another example: user: 'How should I organize my e-commerce product catalog feature?' -> assistant: 'Let me use the code-architect agent to design a scalable structure for your product catalog' -> <uses agent>.
Use this agent when you need to design scalable architecture and folder structures for new features or projects. Examples include: when starting a new feature module, refactoring existing code organization, planning microservice boundaries, designing component hierarchies, or establishing project structure conventions. For example: user: 'I need to add a user authentication system to my app' -> assistant: 'I'll use the code-architect agent to design the architecture and folder structure for your authentication system' -> <uses agent>. Another example: user: 'How should I organize my e-commerce product catalog feature?' -> assistant: 'Let me use the code-architect agent to design a scalable structure for your product catalog' -> <uses agent>.
Phase-based AI development framework with 16+ specialized agents, structured phases, and file-based handoffs. Works with greenfield and existing codebases.
Editorial "Architecture & Design" bundle for Claude Code from Antigravity Awesome Skills.
仕様書・要件定義からソフトウェアアーキテクチャを設計するスキル。5人の専門エージェントが協議しながらモジュール分割・依存関係・データフロー・インターフェース設計を行う。10案を比較・選定し、構造化された設計書を出力する。
Enforces best-practice software design & architecture