diff --git a/README.md b/README.md index b73b9c9..40e92f2 100644 --- a/README.md +++ b/README.md @@ -9,26 +9,10 @@ The fastest way to set up the full Stitch plugin suite globally. #### Codex -In Codex, add this repository as a plugin marketplace: +Add the Stitch Skills marketplace, then install the plugins you need. -| Field | Value | -|---|---| -| Source | `https://github.com/google-labs-code/stitch-skills` | -| Git ref | `main` | -| Sparse paths | Leave empty, or use the paths below for a smaller checkout | - -Optional sparse paths: - -```text -.agents/plugins -plugins/stitch-design -plugins/stitch-build -plugins/stitch-utilities -``` - -Do not use `plugins/codex`; that path does not exist in this repository. - -The equivalent Codex CLI command is: +
+Via CLI (recommended) ```bash codex plugin marketplace add google-labs-code/stitch-skills --ref main \ @@ -38,18 +22,43 @@ codex plugin marketplace add google-labs-code/stitch-skills --ref main \ --sparse plugins/stitch-utilities ``` -After adding the marketplace, install the plugins you need from the `Stitch Skills` marketplace: +> [!TIP] +> The `--sparse` flags are optional — they limit the checkout to only the +> listed paths for a faster clone. Omit them to pull the entire repository. -- `stitch-design` -- `stitch-build` -- `stitch-utilities` +
-#### Claude Code +
+Via the Codex UI + +Navigate to **Settings → Plugin Marketplaces → Add** and fill in: + +| Field | Value | +|---|---| +| **Source** | `https://github.com/google-labs-code/stitch-skills` | +| **Git ref** | `main` | +| **Sparse paths** | *(optional)* `.agents/plugins`, `plugins/stitch-design`, `plugins/stitch-build`, `plugins/stitch-utilities` | + +
+ +Once the marketplace is registered, install any combination of: + +- **`stitch-design`** — design-focused skills +- **`stitch-build`** — build and component skills +- **`stitch-utilities`** — utility and helper skills + +#### Claude Code & Cursor ```bash +# Claude Code — installs into the current project npx plugins add google-labs-code/stitch-skills --scope project --target claude-code ``` +```bash +# Cursor — installs into the current workspace +npx plugins add google-labs-code/stitch-skills --scope workspace --target cursor +``` + ### 2. Install Skills Selectively Choose only the specific skills you need. @@ -97,6 +106,7 @@ Code generation, framework integration, and asset compilation from Stitch design |---|---|---| | [react-components](plugins/stitch-build/skills/react-components/) | Convert Stitch screens to React component systems with automated validation and design token consistency | *"Convert all screens in Stitch project `projects/123` to React components."* | | [remotion](plugins/stitch-build/skills/remotion/) | Generate walkthrough videos from Stitch projects using Remotion with smooth transitions and zooming | *"Generate a walkthrough video of the Stitch project `projects/456`."* | +| [react-native](plugins/stitch-build/skills/react-native/) | Convert Stitch HTML designs to production-ready React Native components with StyleSheet and platform-specific code | *"Convert the Stitch design to React Native components with proper theme and navigation."* | | [shadcn-ui](plugins/stitch-build/skills/shadcn-ui/) | Expert guidance for integrating and building applications with shadcn/ui components | *"Set up shadcn/ui and build a data table with sorting and filtering."* | --- @@ -129,6 +139,7 @@ plugins/ │ ├── plugin.json │ └── skills/ │ ├── react-components/ +│ ├── react-native/ │ ├── remotion/ │ └── shadcn-ui/ └── stitch-utilities/ — Design utilities & assistants plugin diff --git a/skills/react-native/README.md b/plugins/stitch-build/skills/react-native/README.md similarity index 100% rename from skills/react-native/README.md rename to plugins/stitch-build/skills/react-native/README.md diff --git a/skills/react-native/SKILL.md b/plugins/stitch-build/skills/react-native/SKILL.md similarity index 100% rename from skills/react-native/SKILL.md rename to plugins/stitch-build/skills/react-native/SKILL.md diff --git a/skills/react-native/examples/gold-standard-card.tsx b/plugins/stitch-build/skills/react-native/examples/gold-standard-card.tsx similarity index 100% rename from skills/react-native/examples/gold-standard-card.tsx rename to plugins/stitch-build/skills/react-native/examples/gold-standard-card.tsx diff --git a/skills/react-native/package.json b/plugins/stitch-build/skills/react-native/package.json similarity index 100% rename from skills/react-native/package.json rename to plugins/stitch-build/skills/react-native/package.json diff --git a/skills/react-native/resources/architecture-checklist.md b/plugins/stitch-build/skills/react-native/resources/architecture-checklist.md similarity index 100% rename from skills/react-native/resources/architecture-checklist.md rename to plugins/stitch-build/skills/react-native/resources/architecture-checklist.md diff --git a/skills/react-native/resources/component-template.tsx b/plugins/stitch-build/skills/react-native/resources/component-template.tsx similarity index 100% rename from skills/react-native/resources/component-template.tsx rename to plugins/stitch-build/skills/react-native/resources/component-template.tsx diff --git a/skills/react-native/scripts/fetch-stitch.sh b/plugins/stitch-build/skills/react-native/scripts/fetch-stitch.sh similarity index 100% rename from skills/react-native/scripts/fetch-stitch.sh rename to plugins/stitch-build/skills/react-native/scripts/fetch-stitch.sh diff --git a/skills/react-native/scripts/validate.js b/plugins/stitch-build/skills/react-native/scripts/validate.js similarity index 100% rename from skills/react-native/scripts/validate.js rename to plugins/stitch-build/skills/react-native/scripts/validate.js