Agent skill

Expo React Native Build

by suntay44 in suntay44/web-to-mobile-magic-plugin

Implement an approved web-to-mobile plan in Expo React Native.

MITAuto-check passedMobile

Install Expo React Native Build

skills CLI
$ npx skills add suntay44/web-to-mobile-magic-plugin --skill expo-react-native-build -a claude-code

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

GitHub CLI
$ gh skill install suntay44/web-to-mobile-magic-plugin expo-react-native-build --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/suntay44/web-to-mobile-magic-plugin.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/expo-react-native-build .claude/skills/expo-react-native-build && 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
expo-react-native-build
GitHub stars
108
Token cost
~811 tokens
SKILL.md length
391 words
Files
1
Skills in repo
11
Repo updated
First seen
Licence
MIT

At a glance

Implement an approved web-to-mobile plan in Expo React Native.

  • Works in 4 steps: A plan exists under docs/web-to-mobile/… → The plan has an Implementation Checklist. → The user approved implementation — if… → …
  • Tasks that involve Cross-platform mobile apps
  • SKILL.md covers Required Gates, Pre-Build Validation, Build Rules and Expo Implementation Guidance, plus 1 more section
  • Calls npx and expo

What it does

Expo React Native Build is an agent skill from suntay44/web-to-mobile-magic-plugin. Implement an approved web-to-mobile plan in Expo React Native. Use after a Markdown plan exists and the user approved implementation. Executes checklist items and ports reusable web logic.

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

It sits in Mobile, covering Cross-platform mobile apps. It works with Expo and React Native. The repository describes itself as: Website to React Native mobile app Plugin. Audit, Plan, QA scan, and deep review. Plan-first, approval-gated and Token Efficient. The licence is MIT.

When your agent uses it

  • Tasks that involve Cross-platform mobile apps

Example prompts

  • “/expo-react-native-build”

Requirements

  • Node.js

Workflow steps

4 steps, taken from the first numbered list in SKILL.md.

  1. A plan exists under docs/web-to-mobile/ (migration) or docs/mobile-resume/ (completion).
  2. The plan has an Implementation Checklist.
  3. The user approved implementation — if not, return to mobile-migration-plan or mobile-completion-plan.
  4. The approved stack is Expo React Native; otherwise use the plan's handoff.

What it can do on your machine

Read from SKILL.md and the folder at commit e6eb780. 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:

    • npx
    • expo

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

  • Network

    No URLs in SKILL.md. Its commands use npx, 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

Expo React Native Build loads about 811 tokens when it runs. Until then it costs about 53 tokens; SKILL.md has 391 words of instructions outside code blocks.

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

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 suntay44/web-to-mobile-magic-plugin at commit e6eb780, republished under its MIT licence (© suntay44). 391 words, ~811 tokens.

Download SKILL.mdSave it as .claude/skills/expo-react-native-build/SKILL.md (or your agent's skills folder).
name
expo-react-native-build
description
Implement an approved web-to-mobile plan in Expo React Native. Use after a Markdown plan exists and the user approved implementation. Executes checklist items and ports reusable web logic.
license
MIT

Expo React Native Build

Required Gates

Before editing code, confirm:

  1. A plan exists under docs/web-to-mobile/ (migration) or docs/mobile-resume/ (completion).
  2. The plan has an Implementation Checklist.
  3. The user approved implementation — if not, return to mobile-migration-plan or mobile-completion-plan.
  4. The approved stack is Expo React Native; otherwise use the plan's handoff.

Pre-Build Validation

Before screen/component code, verify:

  • Resolve configuration with the installed Expo CLI's expo config --type public using the project's package manager. Check name, slug, and version in the resolved result; app.config.js/app.config.ts can supply these without app.json. Record only needed fields. If resolution fails, report the error; do not invent values or create a competing config file.
  • npx expo-doctor and npx expo install --check pass. Use npx expo install --fix for dependency alignment; plan SDK upgrades instead of silently changing major versions.
  • Referenced environment variables appear in .env.example or the plan.
  • If the plan targets EAS Build, eas.json exists with at least one build profile.

If a required value is missing, add it to the plan's Unknowns/Blockers section and ask the user before continuing.

Show full SKILL.md (215 more words)Show less

Build Rules

  • Read the checklist, approval, blockers, and sections needed for the current item. Reuse unchanged context; do not reload the full plan per edit.
  • Skip - [x] items. Implement only - [ ] items.
  • Keep changes scoped to the approved plan.
  • Follow the plan's reuse/rewrite decisions and mobile-native gaps.
  • Use the source repo's package manager and style.
  • Reuse TypeScript types, API clients, validation schemas, state patterns, assets, and non-DOM business logic where practical.
  • Rewrite DOM components, CSS-dependent UI, browser storage, cookies, and OAuth redirects for mobile.
  • For web dependency replacements, read the matching entries in ../mobile-migration-plan/references/dependency-substitutions.md.
  • Update checklist items from - [ ] to - [x] when their done condition is verified. Record command, exit code, and key output once; reference shared results.
  • Update the plan with deviations, blockers, and the next unblocked item at handoff.

Expo Implementation Guidance

Cover the approved navigation and screen mappings, API/environment configuration, mobile auth and secure session storage, native permissions, accessible mobile layouts, and loading/empty/error states.

Stop Conditions

Stop and update the plan before continuing when:

  • The source audit was wrong.
  • A dependency cannot run in React Native.
  • Auth or API behavior requires a product decision.
  • The implementation needs scope beyond the approved checklist.

For a web-to-mobile migration, hand off to mobile-parity-check, then mobile-qa-release. For completion-only work under docs/mobile-resume/, end by handing off to mobile-qa-release directly.

© suntay44, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in skills/expo-react-native-build of suntay44/web-to-mobile-magic-plugin.

Open the folder on GitHubat commit e6eb780

Compare with similar skills

Expo React Native Build 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.

Expo React Native Build compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Expo React Native Build this skillsuntay44/web-to-mobile-magic-plugin108—~811Automated safety check: PassMIT
React Native Best Practicesvercel-labs/openreview1.7k17 repos~1.1kAutomated safety check: PassMIT
Appllama App Design SkillAppllama/appllama-skills2.5k1 repos~5kAutomated safety check: PassMIT
Appllama UsageAppllama/appllama-skills2.5k1 repos~1.6kAutomated safety check: PassMIT
Release Sample SweepAtmosphere/atmosphere3.8k—~4.2kAutomated safety check: PassApache-2.0
App Store Reviewsafaiyeh/app-store-review-skill3661 repos~3.4kAutomated safety check: PassMIT

Similar skills

  • React Native Best Practices

    vercel-labs/openreview

    Official

    A prioritized rule set for React Native and Expo apps covering list performance, animation, navigation, UI patterns, state, rendering, monorepos and configuration.

    1.7k GitHub starsUsed in 17 repos~1.1k tokens
    MobileAuto-check passed
  • Appllama App Design Skill

    Appllama/appllama-skills

    Build native-feeling, benchmark-quality mobile app screens (Expo / React Native).

    2.5k GitHub starsUsed in 1 repo~5k tokens
    MobileAuto-check passed
  • Appllama Usage

    Appllama/appllama-skills

    Use the Appllama MCP (mcp.appllama.io) well — research real top-grossing mobile apps, their screens, flows, and UI elements, then build from what you learn.

    2.5k GitHub starsUsed in 1 repo~1.6k tokens
    MobileAuto-check passed
  • Release Sample Sweep

    Atmosphere/atmosphere

    Run the pre-release end-to-end sweep of every user-facing surface — the 33 samples under samples/ (booted from their packaged artifacts and driven in a real browser via chrome-devtools MCP), the…

    3.8k GitHub stars~4.2k tokensUpdated today
    MobileAuto-check passed
  • App Store Review

    safaiyeh/app-store-review-skill

    Evaluates code against Apple's App Store Review Guidelines. An agent skill from safaiyeh/app-store-review-skill.

    366 GitHub starsUsed in 1 repo~3.4k tokens
    MobileAuto-check passed
  • Cali

    callstackincubator/cali

    Official

    A skill your agent uses when working in the Cali repository or when you need to run, extend, or debug the Cali CLI for mobile React Native and Expo workflows.

    991 GitHub stars~731 tokensUpdated 3 mo ago
    MobileAuto-check passed

More from suntay44/web-to-mobile-magic-plugin

All 11 skills in this repo
  • Mobile App Audit

    suntay44/web-to-mobile-magic-plugin

    Audit an existing unfinished Expo React Native or Swift mobile app.

    108 GitHub stars~871 tokensUpdated 25 days ago
    Auto-check passed
  • Web To Mobile

    suntay44/web-to-mobile-magic-plugin

    Orchestrate website or web app conversion into a mobile app.

    108 GitHub stars~781 tokensUpdated 25 days ago
    Auto-check passed
  • Web To Mobile Audit

    suntay44/web-to-mobile-magic-plugin

    Audit a website, GitHub repo, local folder, or workspace before web-to-mobile work.

    108 GitHub stars~811 tokensUpdated 25 days ago
    Auto-check passed
  • Mobile Deep Review

    suntay44/web-to-mobile-magic-plugin

    Senior-level deep review of an existing mobile app. An agent skill from suntay44/web-to-mobile-magic-plugin.

    108 GitHub stars~692 tokensUpdated 25 days ago
    Auto-check passed
  • Mobile QA Scan

    suntay44/web-to-mobile-magic-plugin

    QA scan of an existing mobile app. An agent skill from suntay44/web-to-mobile-magic-plugin.

    108 GitHub stars~793 tokensUpdated 25 days ago
    Auto-check passed
  • Mobile Migration Plan

    suntay44/web-to-mobile-magic-plugin

    Create an approval-gated web-to-mobile plan with a route map, stack verdict, reuse/rewrite split, checklist, tests, and acceptance criteria.

    108 GitHub stars~712 tokensUpdated 25 days ago
    Auto-check passed

Categories

Questions about Expo React Native Build

What does Expo React Native Build do?

Implement an approved web-to-mobile plan in Expo React Native. Expo React Native Build is an agent skill from suntay44/web-to-mobile-magic-plugin. Implement an approved web-to-mobile plan in Expo React Native.

When should I use Expo React Native Build?

Expo React Native Build fits situations like: tasks that involve Cross-platform mobile apps.

How do I install Expo React Native Build in Claude Code?

Run `npx skills add suntay44/web-to-mobile-magic-plugin --skill expo-react-native-build -a claude-code`. Or copy the skill folder (skills/expo-react-native-build in suntay44/web-to-mobile-magic-plugin) into .claude/skills/expo-react-native-build in your project. Claude Code loads it when a task matches its description.

How do I install Expo React Native Build in Codex?

Run `npx skills add suntay44/web-to-mobile-magic-plugin --skill expo-react-native-build -a codex`. Or copy the skill folder (skills/expo-react-native-build in suntay44/web-to-mobile-magic-plugin) into .agents/skills/expo-react-native-build in your project. Codex loads it when a task matches its description.

Can I use Expo React Native Build 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 suntay44/web-to-mobile-magic-plugin --skill expo-react-native-build -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/expo-react-native-build, .gemini/skills/expo-react-native-build, .github/skills/expo-react-native-build and .opencode/skills/expo-react-native-build in your project.

What does Expo React Native Build need to run?

Going by SKILL.md and its folder, Expo React Native Build needs the command-line tools its instructions call (npx and expo). Our summary lists: Node.js.

Does Expo React Native Build access the network?

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

Is Expo React Native Build 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 Expo React Native Build use?

Expo React Native Build is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Expo React Native Build use?

About 811 tokens (SKILL.md is roughly 3.2k 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 Expo React Native Build?

Skills that share tags, products or a category with Expo React Native Build: React Native Best Practices (vercel-labs/openreview, 1.7k stars), Appllama App Design Skill (Appllama/appllama-skills, 2.5k stars), Appllama Usage (Appllama/appllama-skills, 2.5k stars) and Release Sample Sweep (Atmosphere/atmosphere, 3.8k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Expo React Native Build?

suntay44 (a GitHub user) maintains it in suntay44/web-to-mobile-magic-plugin, which has 108 GitHub stars. The repository holds 11 skills in this directory. The repository was last updated on September 13, 2026.

Source: suntay44/web-to-mobile-magic-plugin on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.