con un clic
worker-frontend
Frontend repository, build process, deployment, and development setup
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Menú
Frontend repository, build process, deployment, and development setup
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
Load CI/CD pipeline configuration and deployment information when working with automation or deployments
Load database relationships, shared resources, and schema information when working with data models or database configuration
Load development environment information including folder structure, OrbStack setup, and system configuration
Load port mappings for all projects when working with networking, docker-compose, or service configuration
Load GitHub/GitLab repository information when working with git, CI/CD, or repository management
Load server information, infrastructure details, and access patterns when working with deployment or server configuration
| name | worker-frontend |
| description | Frontend repository, build process, deployment, and development setup |
| disable-model-invocation | true |
main or developsrc/
├── app/ # Next.js app routes (pages)
│ ├── page.tsx
│ ├── dashboard/
│ └── [dynamic]/
├── features/ # Domain-specific logic (components, hooks, utils)
│ ├── processes/
│ ├── workflows/
│ └── auth/
├── components/ # Shared UI components
│ └── ui/ # shadcn/ui components
└── lib/ # Utilities (API clients, helpers)
cd ~/projects/flowmaster/repos/flowmaster-frontend-nextjs/
npm install
npm run dev
# Opens on http://localhost:3000
npm run build
npm run lint
npm run format
docker build --platform linux/amd64 \
-t localhost:30500/flowmaster/frontend-nextjs:<tag> \
--build-arg API_GATEWAY_URL=http://api-gateway:9000 \
.
docker push localhost:30500/flowmaster/frontend-nextjs:<tag>
ssh dev-01-root "kubectl set image -n flowmaster \
deploy/frontend \
frontend=localhost:30500/flowmaster/frontend-nextjs:<tag>"
These are passed during Docker build and embedded in the image:
http://api-gateway:9000 (K8S internal URL, not used by browser)/api/ proxyws://<server-ip>/ws (WebSocket URL for real-time features — get IP from commander-mcp)production (or development).gitlab-ci.yml - Defines all build args for CI/CDdeploy-demo-template.yml - Kubernetes deployment template with DOCKER_BUILD_ARGS variablessh dev-01-root "kubectl -n flowmaster get deploy frontend"
ssh dev-01-root "kubectl -n flowmaster describe deploy frontend"
ssh dev-01-root "kubectl logs -n flowmaster deploy/frontend --tail=50"
ssh dev-01-root "kubectl exec -n flowmaster deploy/frontend -- wget -qO- http://localhost:3000/"
/api/v1/auth/loginNote: Login page shows admin@flowmaster.dev but API gateway may use admin@flowmaster.ai - this is a known mismatch.
Frontend is accessed via:
/ (root path)kubectl -n flowmaster get svc)/etc/nginx/sites-enabled/flowmasterAll API calls use /api/ prefix:
// In frontend code
const response = await fetch('/api/v1/processes');
// Browser sends: GET /api/v1/processes
// Nginx routes to: api-gateway:9000/api/v1/processes
// Gateway routes to: process-design:9003/api/v1/processes
const ws = new WebSocket('ws://<server-ip>/ws');
npm install succeeds locallykubectl -n flowmaster get pods | grep frontendkubectl logs -n flowmaster deploy/frontend/api/ route works: Check /etc/nginx/sites-enabled/flowmasterkubectl -n flowmaster get pods | grep api-gatewaykubectl logs -n flowmaster deploy/api-gateway/api/ prefix proxied through NginxFor live credentials, ClusterIPs, and build args, use commander-mcp: get_credential("admin"), get_context_services