[Fleet Execution] Add Tier 2 Framework Agent Skills

[jules-fleet]

Objective

Create Tier 2 Agent Skills that teach agents how to integrate Stitch designs into target frameworks (React, Next.js, Vite, Astro), including parsing HTML, managing configurations, and extracting styles.

Code-Level Diagnosis

Code path: packages/sdk/examples/
Mechanism: Framework integration scripts (e.g. design-to-react, nextjs-integration) are missing.
Root cause: Absence of documented SKILL.md rules and helper scripts to instruct an agent on merging static generated UI with specific ecosystem patterns.

Current Implementation

// Missing Framework Integration skills

Proposed Implementation

Files to modify: Create structured directories for framework skills, including SKILL.md, README.md, and helper scripts.

Integration (Before -> After)

+ packages/sdk/examples/design-to-react/SKILL.md
+ packages/sdk/examples/design-to-react/scripts/extract-assets.ts
+ packages/sdk/examples/design-to-react/README.md
+ packages/sdk/examples/nextjs-integration/SKILL.md
+ packages/sdk/examples/nextjs-integration/scripts/scaffold-nextjs.ts
+ packages/sdk/examples/nextjs-integration/README.md
+ 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/examples/astro-multipage/SKILL.md
+ packages/sdk/examples/astro-multipage/README.md

Test Scenarios

1. React Skill: Execute bun run scripts/extract-assets.ts -> Parses <script id="tailwind-config">.

Target Files

• packages/sdk/examples/design-to-react/SKILL.md
• packages/sdk/examples/design-to-react/scripts/extract-assets.ts
• packages/sdk/examples/design-to-react/README.md
• packages/sdk/examples/nextjs-integration/SKILL.md
• packages/sdk/examples/nextjs-integration/scripts/scaffold-nextjs.ts
• packages/sdk/examples/nextjs-integration/README.md
• 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/examples/astro-multipage/SKILL.md
• packages/sdk/examples/astro-multipage/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:13713548963527251485
• Link: https://jules.google.com/session/13713548963527251485