From 99a7d1773446f99715110731bc47560fc00aa974 Mon Sep 17 00:00:00 2001 From: jilinxia Date: Thu, 4 Jun 2026 09:15:32 -0700 Subject: [PATCH 1/3] refactor: move react-native skill into stitch-build plugin MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Relocate skills/react-native → plugins/stitch-build/skills/react-native - Rewrite Codex quick-start section for clarity (CLI-first, collapsible UI) - Add Cursor install command under Claude Code section --- README.md | 52 ++++++++++--------- .../skills}/react-native/README.md | 0 .../skills}/react-native/SKILL.md | 0 .../examples/gold-standard-card.tsx | 0 .../skills}/react-native/package.json | 0 .../resources/architecture-checklist.md | 0 .../resources/component-template.tsx | 0 .../react-native/scripts/fetch-stitch.sh | 0 .../skills}/react-native/scripts/validate.js | 0 9 files changed, 28 insertions(+), 24 deletions(-) rename {skills => plugins/stitch-build/skills}/react-native/README.md (100%) rename {skills => plugins/stitch-build/skills}/react-native/SKILL.md (100%) rename {skills => plugins/stitch-build/skills}/react-native/examples/gold-standard-card.tsx (100%) rename {skills => plugins/stitch-build/skills}/react-native/package.json (100%) rename {skills => plugins/stitch-build/skills}/react-native/resources/architecture-checklist.md (100%) rename {skills => plugins/stitch-build/skills}/react-native/resources/component-template.tsx (100%) rename {skills => plugins/stitch-build/skills}/react-native/scripts/fetch-stitch.sh (100%) rename {skills => plugins/stitch-build/skills}/react-native/scripts/validate.js (100%) diff --git a/README.md b/README.md index b73b9c9..538eb7c 100644 --- a/README.md +++ b/README.md @@ -9,26 +9,9 @@ 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 +21,39 @@ 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. + +
+Via the Codex UI -- `stitch-design` -- `stitch-build` -- `stitch-utilities` +Navigate to **Settings → Plugin Marketplaces → Add** and fill in: -#### Claude Code +| 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 npx plugins add google-labs-code/stitch-skills --scope project --target claude-code ``` +```bash +npx plugins add google-labs-code/stitch-skills --scope workspace --target cursor +``` + ### 2. Install Skills Selectively Choose only the specific skills you need. 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 From 5140d0f5038d0778dc98471c5cba897b8143564b Mon Sep 17 00:00:00 2001 From: jilinxia Date: Thu, 4 Jun 2026 09:22:56 -0700 Subject: [PATCH 2/3] docs: improve README quick-start formatting and add inline comments --- README.md | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 538eb7c..e8f4cee 100644 --- a/README.md +++ b/README.md @@ -11,7 +11,8 @@ The fastest way to set up the full Stitch plugin suite globally. Add the Stitch Skills marketplace, then install the plugins you need. -**Via CLI** (recommended): +
+Via CLI (recommended) ```bash codex plugin marketplace add google-labs-code/stitch-skills --ref main \ @@ -25,6 +26,8 @@ codex plugin marketplace add google-labs-code/stitch-skills --ref main \ > 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. +
+
Via the Codex UI @@ -47,10 +50,12 @@ Once the marketplace is registered, install any combination of: #### 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 ``` From 922c4f75b38856042196a5568327931dec3ec80d Mon Sep 17 00:00:00 2001 From: jilinxia Date: Thu, 4 Jun 2026 09:27:41 -0700 Subject: [PATCH 3/3] docs: add react-native skill to README table and directory tree --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index e8f4cee..40e92f2 100644 --- a/README.md +++ b/README.md @@ -106,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."* | --- @@ -138,6 +139,7 @@ plugins/ │ ├── plugin.json │ └── skills/ │ ├── react-components/ +│ ├── react-native/ │ ├── remotion/ │ └── shadcn-ui/ └── stitch-utilities/ — Design utilities & assistants plugin