Update Preflight

Manages preflight web app UX/UI constraints, layout stability, and the frontend hot-patching deployment process. Use when modifying HTML, CSS, or JS in the apps/workstations/preflight-web/ directory.

GoogleCloudPlatform da45dd3 3 files · 5.4 KB Updated

File contents

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:

  1. Execute: Run ./scripts/test_and_hotpatch.sh from the skill directory.
  2. 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 the apps/workstations/preflight-web/dist/ directory to /var/www/html/ on your active workstation.
  3. Validate: Refresh the browser and verify changes immediately on the live instance before concluding the task.

googlecloudplatform/cicd-foundation/tree/main/apps/workstations/preflight/skills/update-preflight commit da45dd3745

Frequently asked questions

npx skillmds@latest add googlecloudplatform/update-preflight