Stage4 — Development skill for Claude Code
4단계 Frontend 개발 — (최초 1회 골격 생성 후) slice 별로 디자인 근거와 OpenAPI 계약만으로 화면·컴포넌트·단위테스트를 개발합니다.
How to install Stage4
Installs to ~/.claude/commands/leebriller96-project-agents-public-stage4.md
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/leebriller96/project-agents-public/HEAD/.claude/commands/stage4.md -o ~/.claude/commands/leebriller96-project-agents-public-stage4.md Restart Claude Code, or start a new session, for it to be picked up.
What Stage4 does
description: 4단계 Frontend 개발 — (최초 1회 골격 생성 후) slice 별로 디자인 근거와 OpenAPI 계약만으로 화면·컴포넌트·단위테스트를 개발합니다. 의존 없는 slice 는 병렬 실행. argument-hint: "[,...] | : | all | scaffold"
/stage4 — Frontend 개발
인자: `$ARGUMENTS`
절차
.claude/skills/pipeline-core/SKILL.md§1·§4·§5·§6·§7. 선행: 대상 slice 의stage2_backend: done이고존재./docs/api/.yaml - 골격:
stages.stage4_scaffold가 없거나done이 아니거나 인자가scaffold면frontend-developer
Alternatives in Development
- Multi Frontend — 前端 - 以前端为中心的开发 (Frontend-Focused Development) 1.9k ★
- Frontend Dev Pack — Frontend development skills collection 1.6k ★
- Frontend Slides Editable — Editable HTML presentation skill for Codex/Claude Code with drag-resize editing, slide reordering, local save/ 466 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Stage2
2단계 Backend 개발 — (최초 1회 골격 생성 후) slice 별로 Migration→Mapper→Service→API→OpenAPI 계약→단위테스트를 개발합니다. 의존 없는 slice 는
Lathe
Agentic-friendly CLI generator for APIs: turn Swagger, OpenAPI, and google.api.http protos into single-binary
API Development Expert
Invoke the API development expert skill for REST and OpenAPI
Agentify
Agent Interface Compiler — One command. Every agent speaks your product. Transform OpenAPI specs into MCP Serv
API Contract
Manage API contracts — OpenAPI, gRPC, GraphQL, breaking-change detection
Cmd Openapi
OpenAPI phase (ACT) generate or update docs/openapi.yaml (OpenAPI 3.2) from API code or requirements and valid
Related Agents
Behavior Spec Writer
2·4단계 기대 동작 테스트 작성 에이전트. 구현 전에, AS-IS 동작 계약(ASIS_FUNCTION_CONTRACTS)·요구사항·OpenAPI 계약(또는 공통 계약의 TO-BE 시그니처)만 보고
Web Pack Curator
웹 트랙 디자인 팩을 집필하는 큐레이터. 웹 고유의 시각 관용(반응형·컴포넌트·모션·인터랙션)을 prompt.md와 tokens.json으로 증류한다.
Android Figma UI Analyzer
피그마 디자인에서 UI 배치, 컴포넌트, 디자인 토큰 매핑 등 시각적 요소만 분석. CRM B2B Compose 디자인시스템 (compose/theme/, compose/component/) 매핑까