클로드 코드용 디자인 스튜디오 플러그인, 9가지 역할과 16개 명령어로 구성된 가상 디자인 팀 추가
Design Studio는 단일 범용 AI 디자인 어시스턴트가 아닌 가상 디자인 팀으로 기능하는 Claude Code 플러그인입니다. 디자인 매니저는 작업 복잡도에 따라 전문가 역할을 조율하며, 버튼 재디자인과 같은 간단한 작업에는 1-2개의 역할을, 전체 기능 디자인에는 4-7개의 역할을 활성화합니다.
주요 세부사항
이 플러그인은 다음을 포함합니다:
- 9개의 전문가 역할: 디자인 매니저, 크리에이티브 디렉터, 프로덕트 디자이너, UX 디자이너, UI 디자이너, UX 연구원, 콘텐츠 디자이너, 디자인 시스템 리드, 모션 디자이너
- 16개의 슬래시 명령어:
/design,/figma,/brand-kit,/design-sprint,/figma-create,/ab-variants,/site-to-figma,/design-handoff등 - 5개의 에이전트: 접근성 감사관, 디자인 QA, Figma 생성기, 디자인 비평, 디자인 린트
- Tailwind, React, Next.js, shadcn/ui, Figma를 포함한 기술 스택 자동 감지 (수동 구성 불필요)
- 참조 파일에 걸친 8,000줄 이상의 디자인 지식
설치 및 사용법
다음으로 설치:
claude plugin add https://github.com/Adityaraj0421/design-studio.git명령어 예시:
/design 월간/연간 토글이 있는 3단계 가격 페이지 구축
/brand-kit #FF4D00 premium
/design-sprint 우리 SaaS 제품의 가입 전환율 개선저장소는 https://github.com/Adityaraj0421/design-studio에서 이용 가능합니다.
📖 Read the full source: r/ClaudeAI
👀 See Also
코딩-플래시카드: Rust, SQLite, Godot, Wolfram 언어를 위한 800개 이상의 Anki 카드
Rust, SQLite, Godot, Wolfram Language를 처음부터 학습할 수 있는 800개 이상의 마크다운 플래시카드, Anki 덱 또는 PDF로 변환하는 스크립트 포함
고급 클로드 코드 팁 8가지: 비용 절감, 컨텍스트 관리, 사용자 명령어
Claude Code를 일상적으로 많이 사용하면서 얻은 실용적인 팁들로, Git 워크플로 자동화, 멀티모달 이미지 입력, API 사용량 추적, 컨텍스트 압축, 세션 재개, 규칙 관리, 사고 트리거, 사용자 정의 명령어를 다룹니다.
클로드 코드 훅은 여러 세션 간의 크롬 탭 간섭을 방지합니다.
한 개발자가 세 개의 훅(session-start, capture-tab-id, enforce-tab-id)을 만들어 각 Claude Code 세션을 자체 Chrome 탭에 고정시켰습니다. 이를 통해 테스트 실행 및 폼 작성 중에 세션이 실수로 다른 세션의 탭에 접근하는 것을 방지합니다.
클로드 코드 리미터: 공유 클로드 코드 구독을 위한 셀프 호스팅 속도 제한기
claude-code-limiter는 공유된 Claude Code 구독에 사용자별 속도 제한을 추가하는 자체 호스팅 가능한 도구로, 모델별 할당량, 크레딧 예산, 24시간 슬라이딩 윈도우, 시간대 규칙, 실시간 대시보드 기능을 제공합니다.