Update Cloud Workstations Frontend
This skill manages the updates to the preflight web UI and ensures adherence to the repository's UX/UI standards.
UX/UI Standards
When modifying the frontend, you MUST strictly adhere to the authoritative UX/UI standards: 👉 Authoritative UX/UI Standards
Frontend Hot-patching Workflow
When modifying the preflight page or other web assets in the apps/workstations/preflight-web/ directory, use the following hot-patch script to provide immediate feedback on the live instance:
- Execute: Run
./scripts/test_and_hotpatch.shfrom the skill directory. - What it does: This script automatically runs the frontend test suite via Vitest (
npm test). If successful, it builds the frontend assets via Vite (npm run build) and syncs theapps/workstations/preflight-web/dist/directory to/var/www/html/on your active workstation. - Validate: Refresh the browser and verify changes immediately on the live instance before concluding the task.