원클릭으로
custom-build-process
Project-specific build process for the Builder workflow. Builds frontend assets for claudecode_webui.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
메뉴
Project-specific build process for the Builder workflow. Builds frontend assets for claudecode_webui.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | custom-build-process |
| description | Project-specific build process for the Builder workflow. Builds frontend assets for claudecode_webui. |
This is a project-specific custom skill called by the Builder workflow after implementation is complete. It handles building project artifacts specific to this project (claudecode_webui).
Generic workflow skills invoke this skill if it exists; if absent, the build step is skipped.
The Builder invokes this skill from its working directory (the worktree) after code changes are complete but before testing.
Check if frontend code was modified:
git diff --name-only HEAD~1 | grep -q "^frontend/" && echo "Frontend changed"
If frontend code changed, build it:
# Clean stale build artifacts so old hashed chunks don't linger across worktree checkouts
rm -rf frontend/dist
# Build fresh
cd frontend && npm run build
After build:
frontend/dist/ directory was created/updatedThe Builder workflow calls this skill like:
Invoke custom-build-process skill (no arguments - uses cwd)
The skill runs project-specific build commands in the Builder's working directory. If this skill does not exist, the generic workflow skips the build step.
Create a versioned release of claudecode_webui — bump version fields, update CHANGELOG.md, tag the commit, push, and create the GitHub Release.
Navigate to the Claude Code WebUI application, verify it loads, and optionally select a project and/or session by name. Use when starting any UI test, opening the app, verifying the app is loaded, switching projects, or selecting sessions.
Detect and respond to a permission prompt in the Claude Code WebUI. Use when approving or denying tool permissions, handling permission modals, responding to Claude asking for approval, or unblocking a paused session.
Create a new project in the Claude Code WebUI via the UI. Use when creating a project, adding a project, opening the new project modal, or testing project creation flow.
Delete a project via the Claude Code WebUI. Use when deleting a project, removing a project, testing project deletion, or cleaning up test projects.
Send a message in the active session of the Claude Code WebUI. Use when typing and sending a message to Claude, submitting a prompt, interacting with an active session, or waiting for the assistant to finish responding.