Agent skill

Stream Builder

by adrianhajdin in adrianhajdin/react-native-lingua

Build a new app or add Stream products (Chat, Video, Feeds, Moderation) to an existing app.

No licenceAuto-check: notesFrontend & Design

Install Stream Builder

skills CLI
$ npx skills add adrianhajdin/react-native-lingua --skill stream-builder -a claude-code

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

GitHub CLI
$ gh skill install adrianhajdin/react-native-lingua stream-builder --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/adrianhajdin/react-native-lingua.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/stream-builder .claude/skills/stream-builder && 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/

Facts

Skill name
stream-builder
GitHub stars
151
Token cost
~5.4k tokens
SKILL.md length
2,488 words
Files
13 (incl. references)
Skills in repo
7
Repo updated
First seen
Licence
None found

At a glance

Build a new app or add Stream products (Chat, Video, Feeds, Moderation) to an existing app.

  • Works in 8 steps: Package manager → Auth → Create org + app → …
  • Tasks that involve Design systems
  • SKILL.md covers Start, Install trust & integrity, Builder Steps and Use Case Matching, plus 4 more sections
  • Calls npx, npm and bash; reaches github.com and getstream.io; needs STREAM_API_KEY and STREAM_API_SECRET

What it does

Stream Builder is an agent skill from adrianhajdin/react-native-lingua. Build a new app or add Stream products (Chat, Video, Feeds, Moderation) to an existing app. Scaffold Next.js + Tailwind + Shadcn + Stream SDKs end-to-end with Steps 0-7. Add Chat/Video/Feeds/Moderation to an existing project (enhance flow). Triggers on 'build me a ... app', 'scaffold', 'create a new ...', 'add Chat to this app', 'integrate Video', 'drop Feeds into ...'. Covers livestreaming, video conferencing, team messaging, direct messaging, social feed use cases.

Its SKILL.md is about 5.4k tokens, which your agent loads only when the skill is triggered. The skill folder holds 13 other files, including reference files (for example `builder-ui.md`, `enhance.md` and `references/CHAT-blueprints.md`).

It sits in Frontend & Design, covering Design systems, CSS and styling and Cross-platform mobile apps. It works with shadcn/ui, Next.js, Tailwind CSS and npm. The repository describes itself as: React Native Duolingo clone with a real-time AI voice teacher. Built with Expo, Stream Voice Agents, Clerk auth, and NativeWind for a complete, interactive mobile learning…

When your agent uses it

  • Tasks that involve Design systems
  • Tasks that involve CSS and styling
  • Tasks that involve Cross-platform mobile apps

Example prompts

  • “build me a ... app”
  • “scaffold”
  • “create a new ...”
  • “/stream-builder”

Requirements

  • Node.js
  • A credential in STREAM_API_KEY
  • A credential in STREAM_API_SECRET
  • Pre-approved tools (allowed-tools): Read, Write, Edit, Glob, Grep, Bash(stream *), Bash(npx skills add GetStream/agent-skills *), Bash(npx *), Bash(npm install *), Bash(npm run *), Bash(node -e *), Bash(node --version), Bash(openssl rand *), Bash(mv .scaffold*), Bash(rm -rf .scaffold), Bash(ls *), Bash(test *), Bash(grep *), Bash(cat package.json), Bash(cat pubspec.yaml), Bash(cat go.mod), Bash(cat requirements.txt), Bash(cat pyproject.toml), Bash(echo .env*), WebFetch(domain:getstream.io), WebFetch(domain:www.npmjs.com), WebFetch(domain:github.com)

Workflow steps

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

  1. Package manager
  2. Auth
  3. Create org + app
  4. Scaffold + .env + SDKs + Configure - SEQUENTIALLY
  5. Generate code and UI
  6. Verify
  7. Start dev server
  8. Summary

What it can do on your machine

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

  • Tool permissions

    Pre-approves these tools, so the agent can use them without asking each time:

    • Read
    • Write
    • Edit
    • Glob
    • Grep
    • Bash(stream *)
    • Bash(npx skills add GetStream/agent-skills *)
    • Bash(npx *)
    • Bash(npm install *)
    • Bash(npm run *)

    …and 17 more on the same allowed-tools line.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • npx
    • npm
    • bash
    • openssl
    • node
    • tsc

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • github.com
    • getstream.io

    Also links to:

    • beta.dashboard.getstream.io
    • ui.shadcn.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names these keys or tokens, usually read from environment variables:

    • STREAM_API_KEY
    • STREAM_API_SECRET

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Stream Builder loads about 5.4k tokens when it runs, and up to ~39k if it reads all its reference files. Until then it costs about 122 tokens; SKILL.md has 2,488 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~122
When it runs · the whole SKILL.md, loaded when a task matches
~5.4k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~39k

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: notes

The automated check noted patterns worth knowing about, such as sudo or a known installer.

  • NoteMentions a .env fileSKILL.md:21
    Bash(echo .env*),
  • NoteMentions a .env fileSKILL.md:49
    am env` - local CLI, no network; writes `.env` (gitignored by the Next.js scaffold's default; Task B verifies).
  • NoteMentions a .env fileSKILL.md:65
    Next.js scaffold's `.gitignore` ignores `.env*` by default. |
  • NoteMentions a .env fileSKILL.md:69
    (local CLI, no network at this step) | `.env` in the project root with `STREAM_API_KEY` + `STREAM_API_SECRET`. Task B v
  • NoteMentions a .env fileSKILL.md:75
    - `.env` is written by the Stream CLI directly, not by the agent, and is not transmitted into the conversation.
  • NoteMentions a .env fileSKILL.md:135
    ### Step 3: Scaffold + .env + SDKs + Configure - SEQUENTIALLY
  • NoteMentions a .env fileSKILL.md:146
    6. Continue with Task B (.env), Task C (SDKs), Task D (CLI config).
  • NoteMentions a .env fileSKILL.md:184
    **Task B: .env** - run AFTER scaffold so the `.env` lands inside the project directory.
  • NoteMentions a .env fileSKILL.md:186
    **First, verify `.env*` is gitignored** (the `stream` skill's [`RULES.md`](../stream/RULES.md) > Secrets). The Next.js s
  • NoteMentions a .env fileSKILL.md:189
    && grep -qE "^\.env" .gitignore || echo ".env*" >> .gitignore'

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

Without a licence we can't republish the file, so here is its outline and opening line. It has 2,488 words (~5,392 tokens).

name
stream-builder
allowed-tools
Read, Write, Edit, Glob, Grep, Bash(stream *), Bash(npx skills add GetStream/agent-skills *), Bash(npx *), Bash(npm install *), Bash(npm run *), Bash(node -e *), Bash(node --version), Bash(openssl rand *), Bash(mv .scaffold*), Bash(rm -rf .scaffold), Bash(ls *), Bash(test *), Bash(grep *), Bash(cat package.json), Bash(cat pubspec.yaml), Bash(cat go.mod), Bash(cat requirements.txt), Bash(cat pyproject.toml), Bash(echo .env*), WebFetch(domain:getstream.io), WebFetch(domain:www.npmjs.com), WebFetch(domain:github.com)
license
See LICENSE in repository root
metadata.author
GetStream

Read the full SKILL.md on GitHub

Files

SKILL.md and 12 other files (references) in .agents/skills/stream-builder of adrianhajdin/react-native-lingua.

  • SKILL.md
  • builder-ui.md
  • enhance.md
  • references/CHAT-blueprints.md
  • references/CHAT.md
  • references/CROSS-PRODUCT.md
  • references/FEEDS-blueprints.md
  • references/FEEDS.md
  • references/MODERATION-blueprints.md
  • references/MODERATION.md
  • references/VIDEO-blueprints.md
  • references/VIDEO.md
  • sdk.md

Open the folder on GitHubat commit 7ddc202

Compare with similar skills

Stream Builder 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.

Stream Builder compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Stream Builder this skilladrianhajdin/react-native-lingua151—~5.4kAutomated safety check: NotesNone
Design SystemWrongStack/WrongStack370—~3.9kAutomated safety check: PassMIT
Aceternity UIsecondsky/claude-skills227—~4.7kAutomated safety check: PassMIT
Cosscrafter-station/petdex4.2k—~1.4kAutomated safety check: PassMIT
Shadcn Tailwind UILiarMTTT/TavernWeave150—~1.7kAutomated safety check: PassCustom licence
Light Frontend DesignLight0305/Light-skills641—~3.1kAutomated safety check: PassMIT

Similar skills

  • Design System

    WrongStack/WrongStack

    Use this skill BEFORE writing or restyling ANY user-facing interface.

    370 GitHub stars~3.9k tokensUpdated yesterday
    Frontend & DesignAuto-check passed
  • Aceternity UI

    secondsky/claude-skills

    100+ animated React components (Aceternity UI) for Next.js with Tailwind.

    227 GitHub stars~4.7k tokensUpdated 10 days ago
    Frontend & DesignAuto-check passed
  • Coss

    crafter-station/petdex

    Helps implement coss UI components correctly. An agent skill from crafter-station/petdex.

    4.2k GitHub stars~1.4k tokensUpdated 9 days ago
    Frontend & DesignAuto-check passed
  • Shadcn Tailwind UI

    LiarMTTT/TavernWeave

    Build, restyle, or review accessible React interfaces that use shadcn/ui, Radix UI primitives, and Tailwind CSS.

    150 GitHub stars~1.7k tokensUpdated 4 days ago
    Frontend & DesignAuto-check passed
  • Light Frontend Design

    Light0305/Light-skills

    Light 按需工程技能·前端设计:把模糊的「做个好看的界面」落成能跑的 React/Tailwind/shadcn 代码 + 设计决策说明—— 有视觉记忆点(signature element)、风格自洽(design tokens 一致)、适配场景(学术海报/数据大屏/管理后台/移动端/营销 landing 信息密度各不同)、反「一眼 AI」(紫蓝渐变/Inter/16px 圆角/巨型…

    641 GitHub stars~3.1k tokensUpdated 3 mo ago
    Frontend & DesignAuto-check passed
  • Oma Frontend

    first-fluke/oh-my-agent

    Frontend specialist for React, Next.js, TypeScript with FSD-lite architecture, shadcn/ui, and design system alignment.

    1.3k GitHub stars~2.5k tokensUpdated today
    Frontend & DesignAuto-check passed

More from adrianhajdin/react-native-lingua

  • Clerk Expo Patterns

    adrianhajdin/react-native-lingua

    Expo / React Native patterns with Clerk — SecureStore token cache, OAuth deep linking, useAuth in native, Expo Router protected routes, push notifications with user context.

    151 GitHub stars~1.2k tokensUpdated 4 mo ago
    Auto-check passed
  • Expo API Routes

    adrianhajdin/react-native-lingua

    Guidelines for creating API routes in Expo Router with EAS Hosting

    151 GitHub starsUsed in 6 repos~2.2k tokens
    Auto-check: notes
  • Stream React Native

    adrianhajdin/react-native-lingua

    Create, build, and integrate Stream Chat React Native apps in React Native Community CLI and Expo.

    151 GitHub stars~2.8k tokensUpdated 4 mo ago
    Auto-check passed
  • Stream CLI

    adrianhajdin/react-native-lingua

    Query Stream data and run CLI operations against Chat, Video, Feeds, and Moderation: list channels, list calls, show flagged messages, find users, query any Stream resource.

    151 GitHub stars~1.6k tokensUpdated 4 mo ago
    Auto-check: notes
  • Stream Docs

    adrianhajdin/react-native-lingua

    Search live Stream SDK documentation for Chat, Video, Feeds, and Moderation.

    151 GitHub stars~6.6k tokensUpdated 4 mo ago
    Auto-check passed
  • Stream

    adrianhajdin/react-native-lingua

    Stream router for Chat, Video, Feeds, and Moderation. An agent skill from adrianhajdin/react-native-lingua.

    151 GitHub stars~1.9k tokensUpdated 4 mo ago
    Auto-check passed

Questions about Stream Builder

What does Stream Builder do?

Build a new app or add Stream products (Chat, Video, Feeds, Moderation) to an existing app. Stream Builder is an agent skill from adrianhajdin/react-native-lingua. Build a new app or add Stream products (Chat, Video, Feeds, Moderation) to an existing app.

When should I use Stream Builder?

Stream Builder fits situations like: tasks that involve Design systems; tasks that involve CSS and styling; tasks that involve Cross-platform mobile apps.

How do I install Stream Builder in Claude Code?

Run `npx skills add adrianhajdin/react-native-lingua --skill stream-builder -a claude-code`. Or copy the skill folder (.agents/skills/stream-builder in adrianhajdin/react-native-lingua) into .claude/skills/stream-builder in your project. Claude Code loads it when a task matches its description.

How do I install Stream Builder in Codex?

Run `npx skills add adrianhajdin/react-native-lingua --skill stream-builder -a codex`. Or copy the skill folder (.agents/skills/stream-builder in adrianhajdin/react-native-lingua) into .agents/skills/stream-builder in your project. Codex loads it when a task matches its description.

Can I use Stream Builder 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 adrianhajdin/react-native-lingua --skill stream-builder -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/stream-builder, .gemini/skills/stream-builder, .github/skills/stream-builder and .opencode/skills/stream-builder in your project.

What does Stream Builder need to run?

Going by SKILL.md and its folder, Stream Builder needs the command-line tools its instructions call (npx, npm, bash, openssl, node and tsc) and credentials named STREAM_API_KEY and STREAM_API_SECRET. Our summary lists: Node.js; A credential in STREAM_API_KEY; A credential in STREAM_API_SECRET. Its frontmatter pre-approves these tools: Read, Write, Edit, Glob, Grep, Bash(stream *), Bash(npx skills add GetStream/agent-skills *), Bash(npx *), Bash(npm install *), Bash(npm run *), Bash(node -e *), Bash(node --version), Bash(openssl rand *), Bash(mv .scaffold*), Bash(rm -rf .scaffold), Bash(ls *), Bash(test *), Bash(grep *), Bash(cat package.json), Bash(cat pubspec.yaml), Bash(cat go.mod), Bash(cat requirements.txt), Bash(cat pyproject.toml), Bash(echo .env*), WebFetch(domain:getstream.io), WebFetch(domain:www.npmjs.com), WebFetch(domain:github.com).

Does Stream Builder access the network?

SKILL.md names 4 domains. In commands or code: github.com and getstream.io; the agent is likely to contact these when it follows the instructions. As links in the text: beta.dashboard.getstream.io and ui.shadcn.com. This is read from the text; nothing was executed.

Is Stream Builder safe to install?

Our automated static check of SKILL.md found notes only (mentions a .env file), nothing it rates as a warning. It is not a guarantee. Review the folder before installing.

What licence does Stream Builder use?

No licence was found for Stream Builder or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Stream Builder use?

About 5.4k tokens (SKILL.md is roughly 22k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 34k tokens, read only when the agent opens those files.

What are the alternatives to Stream Builder?

Skills that share tags, products or a category with Stream Builder: Design System (WrongStack/WrongStack, 370 stars), Aceternity UI (secondsky/claude-skills, 227 stars), Coss (crafter-station/petdex, 4.2k stars) and Shadcn Tailwind UI (LiarMTTT/TavernWeave, 150 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Stream Builder?

adrianhajdin (a GitHub user) maintains it in adrianhajdin/react-native-lingua, which has 151 GitHub stars. The repository holds 7 skills in this directory. The repository was last updated on May 15, 2026.

Source: adrianhajdin/react-native-lingua on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.