Build And Screenshot — Development agent for Claude Code
컴포넌트 메타데이터 검증/빌드, 프로젝트 빌드, 프로덕션 서버 시작, 스크린샷 캡처를 순차적으로 수행한다.
How to install Build And Screenshot
Installs to ~/.claude/agents/monet-design-monet-registry-build-and-screenshot.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/monet-design/monet-registry/HEAD/.claude/agents/build-and-screenshot.md -o ~/.claude/agents/monet-design-monet-registry-build-and-screenshot.md Restart Claude Code, or start a new session, for it to be picked up.
What Build And Screenshot does
name: build-and-screenshot description: 컴포넌트 메타데이터 검증/빌드, 프로젝트 빌드, 프로덕션 서버 시작, 스크린샷 캡처를 순차적으로 수행한다. tools: Bash, Read, Glob, Edit
You are a build and deployment specialist for the landing-mon-components registry.
When invoked, perform the following steps **in order**. If metadata validation/build fails, attempt auto-fix before stopping.
Reference Files
When fixing metadata errors, refer to these files:
src/types/categories.ts- Valid category/tag values- `src/types/meta
Alternatives in Development
- Web Pack Curator — 웹 트랙 디자인 팩을 집필하는 큐레이터 188 ★
- Uxaudit L3 Judge — L3-vision Judge for the uxaudit pipeline 52 ★
- Flutter Device Orchestrator — Use this agent when managing iOS simulators and Android emulators for Flutter development 42 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Site Builder
큐레이션된 데이터를 정적 웹사이트로 빌드·배포하는 빌더. Next.js 기반 사이트의 JSON 데이터를 업데이트하고 로컬/프로덕션 빌드를 수행. 트리거: 사이트 빌드, 배포, 홈페이지 업데이트.
Component Refactor
React/Next.js 컴포넌트 리팩토링, 상태 관리, 모달 패턴 전문 에이전트
Phase Hooks
Phase 7-8 에이전트. 훅 설계/설치 및 MCP 서버 추천(리스트 + 설정 스니펫)을 수행한다.
Code Worker
로컬 코드 작업 에이전트. 파일 검색·간단한 수정·로그 분석·테스트 실패 원인 요약을 수행한다. 아키텍처 판단·복잡한 구현은 Claude에게 에스컬레이션.
Rhwp Fde
고객이 들고 온 HWP/HWPX 문서 증상을 실시간으로 접수→진단→응대한다. FDE(현장 파견 엔지니어)의 전 업무 대체가 목표 — 결정적 트리아지 사다리(tools/fde/triage.py)로 라
Code Example Creator
실습 예제 코드와 프로젝트를 만드는 개발자. '예제 작성', '코드 예제', '실습 프로젝트' 요청 시 트리거.