Agent skill

Install Start

Installs and wires the npm package @rsc-boundary/start into a TanStack Start app (dependencies, root route provider, optional explicit markers).

MITAuto-check passed

Install Install Start

skills CLI

$ npx skills add foxted/rsc-boundary --skill install-start -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install foxted/rsc-boundary install-start --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/foxted/rsc-boundary.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/install-start .claude/skills/install-start && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "install-start" agent skill from https://github.com/foxted/rsc-boundary/tree/main/skills/install-start into .claude/skills/install-start/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "install-start", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/foxted/rsc-boundary/tree/main/skills/install-start

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add foxted/rsc-boundary --skill install-start -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install foxted/rsc-boundary install-start --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/foxted/rsc-boundary.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/install-start .agents/skills/install-start && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "install-start" agent skill from https://github.com/foxted/rsc-boundary/tree/main/skills/install-start into .agents/skills/install-start/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "install-start", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add foxted/rsc-boundary --skill install-start -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install foxted/rsc-boundary install-start --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/foxted/rsc-boundary.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/install-start .cursor/skills/install-start && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "install-start" agent skill from https://github.com/foxted/rsc-boundary/tree/main/skills/install-start into .cursor/skills/install-start/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "install-start", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/foxted/rsc-boundary.git --path skills/install-start

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add foxted/rsc-boundary --skill install-start -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install foxted/rsc-boundary install-start --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/foxted/rsc-boundary.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/install-start .gemini/skills/install-start && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "install-start" agent skill from https://github.com/foxted/rsc-boundary/tree/main/skills/install-start into .gemini/skills/install-start/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "install-start", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install foxted/rsc-boundary install-start

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add foxted/rsc-boundary --skill install-start -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/foxted/rsc-boundary.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/install-start .github/skills/install-start && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "install-start" agent skill from https://github.com/foxted/rsc-boundary/tree/main/skills/install-start into .github/skills/install-start/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "install-start", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add foxted/rsc-boundary --skill install-start -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install foxted/rsc-boundary install-start --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/foxted/rsc-boundary.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/install-start .opencode/skills/install-start && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "install-start" agent skill from https://github.com/foxted/rsc-boundary/tree/main/skills/install-start into .opencode/skills/install-start/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "install-start", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: install-start
GitHub stars: 129
Token cost: ~969 tokens
SKILL.md length: 324 words
Files: 1
Skills in repo: 2
Repo updated: Sep 5, 2026
First seen: Oct 7, 2026
Licence: MIT

At a glance

Installs and wires the npm package @rsc-boundary/start into a TanStack Start app (dependencies, root route provider, optional explicit markers).

Works in 5 steps: Install the dependency → Add the provider to the root route → Behavior to set expectations → …
The user wants to add RSC Boundary to a TanStack Start / TanStack Router app
SKILL.md covers Prerequisites, 1. Install the dependency, 2. Add the provider to the… and 3. Behavior to set expectations, plus 3 more sections
Calls pnpm, npm and yarn

What it does

Install Start is an agent skill from foxted/rsc-boundary. Installs and wires the npm package @rsc-boundary/start into a TanStack Start app (dependencies, root route provider, optional explicit markers). Use when the user wants to add RSC Boundary to a TanStack Start / TanStack Router app, or set up server/client boundary devtools with TanStack.

Its SKILL.md is about 970 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It works with TanStack, npm, React and Next.js. The repository describes itself as: Tooling to visualize React Server Components vs Client Components boundaries in Next.js App Router. The licence is MIT.

When your agent uses it

The user wants to add RSC Boundary to a TanStack Start / TanStack Router app
Set up server/client boundary devtools with TanStack

Example prompts

“Use the install-start skill to install and wires the npm package @rsc-boundary/start into a TanStack Start app (dependencies, root route provider…”
“/install-start”

Requirements

Node.js

Workflow steps

5 steps, taken from the step headings in SKILL.md.

Install the dependency
Add the provider to the root route
Behavior to set expectations
Optional API (only if the user asks)
Verify

What it can do on your machine

Read from SKILL.md and the folder at commit ad7aa8e. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
- pnpm
- npm
- yarn
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use pnpm, npm and yarn, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Install Start loads about 969 tokens when it runs. Until then it costs about 76 tokens; SKILL.md has 324 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~76
When it runs · the whole SKILL.md, loaded when a task matches: ~969

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from foxted/rsc-boundary at commit ad7aa8e, republished under its MIT licence (© foxted). 324 words, ~969 tokens.

Download SKILL.mdSave it as .claude/skills/install-start/SKILL.md (or your agent's skills folder).

name: install-start
description: Installs and wires the npm package @rsc-boundary/start into a TanStack Start app (dependencies, root route provider, optional explicit markers). Use when the user wants to add RSC Boundary to a TanStack Start / TanStack Router app, or set up server/client boundary devtools with TanStack.

Install RSC Boundary in a TanStack Start app

Package: @rsc-boundary/start on npm.

Prerequisites

@tanstack/react-start 1+
React 19+ and react-dom 19+ (peer dependencies)

If versions are older, say so and recommend upgrading before installing.

1. Install the dependency

Use the project's package manager:

bash

pnpm add @rsc-boundary/start

bash

npm install @rsc-boundary/start

bash

yarn add @rsc-boundary/start

Monorepo / local development

If the user is working inside this repository and consuming the package from the workspace, use the workspace protocol:

json

"@rsc-boundary/start": "workspace:*"

Ensure the packages are built (pnpm --filter @rsc-boundary/start build, which also builds core) before the app typechecks against dist/.

2. Add the provider to the root route

Edit the root route file (app/routes/__root.tsx).

Import the provider:

tsx

import { RscBoundaryProvider } from "@rsc-boundary/start";

Wrap <Outlet /> (or {children}) inside <body> with <RscBoundaryProvider>.

Minimal pattern:

tsx

import { RscBoundaryProvider } from "@rsc-boundary/start";
import { Outlet, createRootRoute } from "@tanstack/react-router";
import { Meta, Scripts } from "@tanstack/react-start";

export const Route = createRootRoute({
  component: RootComponent,
});

function RootComponent() {
  return (
    <html lang="en">
      <head>
        <Meta />
      </head>
      <body>
        <RscBoundaryProvider>
          <Outlet />
        </RscBoundaryProvider>
        <Scripts />
      </body>
    </html>
  );
}

Preserve existing structure: <ScrollRestoration />, <Scripts />, <Meta />, and any other layout UI stay as they are—only add the provider around the main content as appropriate.

3. Behavior to set expectations

Development: A small control (pill) appears in the bottom-left; toggling it highlights client vs server regions. No changes are required in individual route components.
Production: The provider is a no-op (children only). Devtools never mount in production builds.

4. Optional API (only if the user asks)

From @rsc-boundary/start the app can also use:

RscServerBoundaryMarker / SERVER_BOUNDARY_DATA_ATTR — explicit server region labels, useful when heuristic detection misses or mislabels a subtree
RscDevtoolsStart — advanced mounting without the provider wrapper
createRscBoundaryProvider — factory for custom wiring (re-exported from @rsc-boundary/core)

Prefer RscBoundaryProvider unless the user's setup requires splitting these.

Explicit marker example:

tsx

import { RscServerBoundaryMarker } from "@rsc-boundary/start";

// In a server-rendered component:
<RscServerBoundaryMarker label="HeroSection">
  <section>...</section>
</RscServerBoundaryMarker>

5. Verify

Run pnpm dev (or vinxi dev).
Open the app in the browser; confirm the RSC Boundary control appears and toggling highlights boundaries.
Navigate between routes; the MutationObserver should re-scan automatically.

Troubleshooting (brief)

Peer dependency warnings: Align react and react-dom to ^19.
Types / module not found: Ensure install completed and, for workspace usage, that packages are built.
Nothing in production: Expected; devtools are development-only.
Framework internals still visible in panel: Open an issue with the component name so it can be added to the startAdapter internals list.

Files

Just SKILL.md in skills/install-start of foxted/rsc-boundary.

Open the folder on GitHubat commit ad7aa8e

Compare with similar skills

Install Start next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Install Start compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Install Start this skillfoxted/rsc-boundary	129	—	~969	Automated safety check: Pass	MIT	1 mo ago
Game Changing FeaturesopenstatusHQ/data-table-filters	2.3k	3 repos	~2.1k	Automated safety check: Pass	MIT	5 days ago
GSAP for Reactgreensock/gsap-skills	16k	4 repos	~1.6k	Automated safety check: Pass	MIT	2 mo ago
Convex Quickstartspokvulcan/poker-planning	114	6 repos	~3.5k	Automated safety check: Notes	MIT	3 days ago
Convex Self Hostingwaynesutton/markdown-site	628	—	~1.4k	Automated safety check: Pass	MIT	4 mo ago
Buzzformbuildnbuzz/buzzform	101	—	~1.5k	Automated safety check: Pass	MIT	4 mo ago

Similar skills

Game Changing Features
openstatusHQ/data-table-filters
Find 10x product opportunities and high-leverage improvements.
2.3k GitHub starsUsed in 3 repos~2.1k tokens
Product & Project ManagementAuto-check passed
GSAP for React
greensock/gsap-skills
Shows how to run GSAP animations in React and Next.js with the useGSAP hook, refs, scoped selectors and automatic cleanup on unmount.
16k GitHub starsUsed in 4 repos~1.6k tokens
Frontend & DesignAuto-check passed
Convex Quickstart
spokvulcan/poker-planning
Creates or adds Convex to an app. An agent skill from spokvulcan/poker-planning.
114 GitHub starsUsed in 6 repos~3.5k tokens
Frontend & DesignAuto-check: notes
Convex Self Hosting
waynesutton/markdown-site
Integrate Convex static self hosting into existing apps using the latest upstream instructions from get-convex/self-hosting every time.
628 GitHub stars~1.4k tokensUpdated 4 mo ago
DevOps & CloudAuto-check passed
Buzzform
buildnbuzz/buzzform
A skill your agent uses when working with BuzzForm schema-driven forms, @buildnbuzz/form-core, @buildnbuzz/form-react, or any related APIs like defineSchema, InferType, FormProvider, useDataField…
101 GitHub stars~1.5k tokensUpdated 4 mo ago
Frontend & DesignAuto-check passed
Spotpatch
huanglvjing/spotpatch
为 React 项目建立从浏览器页面元素到精确 JSX/TSX 源码、结构化上下文与可审阅修改的 SpotPatch 工作流。用户提到 SpotPatch、截图沟通前端修改、页面元素定位源码、Vite 或 Next.js 接入、组件数据链路、结构化 Prompt、AI 补丁审阅、安装检查或故障排查时使用此技能。
134 GitHub stars~998 tokensUpdated 9 days ago
Frontend & DesignAuto-check passed

Questions about Install Start

What does Install Start do?

Installs and wires the npm package @rsc-boundary/start into a TanStack Start app (dependencies, root route provider, optional explicit markers). Install Start is an agent skill from foxted/rsc-boundary. Installs and wires the npm package @rsc-boundary/start into a TanStack Start app (dependencies, root route provider, optional explicit markers).

When should I use Install Start?

Install Start fits situations like: the user wants to add RSC Boundary to a TanStack Start / TanStack Router app; set up server/client boundary devtools with TanStack.

How do I install Install Start in Claude Code?

Run `npx skills add foxted/rsc-boundary --skill install-start -a claude-code`. Or copy the skill folder (skills/install-start in foxted/rsc-boundary) into .claude/skills/install-start in your project. Claude Code loads it when a task matches its description.

How do I install Install Start in Codex?

Run `npx skills add foxted/rsc-boundary --skill install-start -a codex`. Or copy the skill folder (skills/install-start in foxted/rsc-boundary) into .agents/skills/install-start in your project. Codex loads it when a task matches its description.

Can I use Install Start in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add foxted/rsc-boundary --skill install-start -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/install-start, .gemini/skills/install-start, .github/skills/install-start and .opencode/skills/install-start in your project.

What does Install Start need to run?

Going by SKILL.md and its folder, Install Start needs the command-line tools its instructions call (pnpm, npm and yarn). Our summary lists: Node.js.

Does Install Start access the network?

SKILL.md contains no URLs. Its commands use npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Install Start safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Install Start use?

Install Start is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Install Start use?

About 969 tokens (SKILL.md is roughly 3.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Install Start?

Skills that share tags, products or a category with Install Start: Game Changing Features (openstatusHQ/data-table-filters, 2.3k stars), GSAP for React (greensock/gsap-skills, 16k stars), Convex Quickstart (spokvulcan/poker-planning, 114 stars) and Convex Self Hosting (waynesutton/markdown-site, 628 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Install Start?

foxted (a GitHub user) maintains it in foxted/rsc-boundary, which has 129 GitHub stars. The repository holds 2 skills in this directory. The repository was last updated on September 5, 2026.

Source: foxted/rsc-boundary on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Start

Install Install Start

Facts

At a glance

What it does

When your agent uses it

Example prompts

Requirements

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Install RSC Boundary in a TanStack Start app

Prerequisites

1. Install the dependency

Monorepo / local development

2. Add the provider to the root route

3. Behavior to set expectations

4. Optional API (only if the user asks)

5. Verify

Troubleshooting (brief)

Files

Compare with similar skills

Similar skills

Game Changing Features

GSAP for React

Convex Quickstart

Convex Self Hosting

Buzzform

Spotpatch

More from foxted/rsc-boundary

Install Next

Questions about Install Start

Install Install Start

Facts

At a glance

What it does

When your agent uses it

Example prompts

Requirements

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Install RSC Boundary in a TanStack Start app

Prerequisites

1. Install the dependency

Monorepo / local development

2. Add the provider to the root route

3. Behavior to set expectations

4. Optional API (only if the user asks)

5. Verify

Troubleshooting (brief)

Files

Compare with similar skills

Similar skills

Game Changing Features

GSAP for React

Convex Quickstart

Convex Self Hosting

Buzzform

Spotpatch

More from foxted/rsc-boundary

Install Next

Related

Questions about Install Start