-
Notifications
You must be signed in to change notification settings - Fork 62
[Fleet Execution] Implement Vite + Tailwind v4 Preview App Agent Skill #261
Description
Goal Reference
This issue was generated from .fleet/goals/sdk-examples.md. The worker agent should read this file for full context including verification commands, constraints, and structural guidance.
Objective
Add an Agent Skill teaching an agent how to convert Stitch's CDN Tailwind config to Tailwind v4 @theme syntax and set up a Vite preview app.
Code-Level Diagnosis
Code path: packages/sdk/examples/
Mechanism: The SDK currently lacks comprehensive examples demonstrating practical integrations across different form factors (Scripts, Agent Skills, CLIs, MCP).
Root cause: Missing Tier 2 Agent Skill for Vite and Tailwind v4 setup.
Current Implementation
// The example directory does not currently exist.Proposed Implementation
Files to modify: Create the missing files for the example and update the SDK README to link to the new example.
Integration (Before -> After)
+ // Create self-contained example integrating @google/stitch-sdkTest Scenarios
- Validate the example builds correctly by running
cd packages/sdk/examples/<example-name> && bun index.tsor checking type safety. - Confirm that the README.md is updated with the new example link.
- Validate that any provided scripts run without runtime errors in the repository environment.
Target Files
- packages/sdk/examples/vite-preview/SKILL.md
- packages/sdk/examples/vite-preview/scripts/extract-theme.ts
- packages/sdk/examples/vite-preview/README.md
- packages/sdk/README.md
Boundary Rules
Restrict your modifications exclusively to the files listed in the Target Files section. Ensure your source changes are entirely backward-compatible if unowned tests outside your boundary fail. Retain all existing file names and locations outside your explicitly declared target list.
Fleet Context
- Source:
jules:session:4768718918831376168 - Link: https://jules.google.com/session/4768718918831376168