Add marketing site deployment quality gate rules

Author: roomote

.roo/rules/rules.md

@@ -22,3 +22,15 @@
     - Use Tailwind CSS classes instead of inline style objects for new markup
     - VSCode CSS variables must be added to webview-ui/src/index.css before using them in Tailwind classes
     - Example: `<div className="text-md text-vscode-descriptionForeground mb-2" />` instead of style objects
+
+4. Marketing Site (web-roo-code) Deployment Quality Gates:
+
+    - The marketing site deployment workflows (`.github/workflows/website-deploy.yml`, `.github/workflows/website-preview.yml`) must include quality checks before deploying to Vercel
+    - When modifying these workflows, ensure the following checks run before deployment:
+        - Linting: `pnpm --filter @roo-code/web-roo-code lint`
+        - Type checking: `pnpm --filter @roo-code/web-roo-code check-types`
+        - Build validation: `pnpm --filter @roo-code/web-roo-code build`
+    - Deployment workflows should either:
+        - Add a `needs:` dependency on the `code-qa` workflow (for PR-based deployments), OR
+        - Include a dedicated `quality-checks` job that runs before the `deploy`/`preview` jobs
+    - Never deploy broken code to production - quality gates prevent deployment of code that fails linting, type-checking, or build steps