react-webapp

67 / 100 · Review before installing

Check before installing.

By wso2/labs-agentic-engineer (GitHub) · design · 24 stars · scanned at commit e3b5fc8

How to build a React SPA on the platform — project layout, the build-verify command, and this stack's constraints and pitfalls. Apply when a component's `type` is `web-application`.

Works with any agent that supports SKILL.md skills.

What this skill can do

Downloads and installs other software

The author does not mention this.

Found in 5 places.

skills/react-webapp/SKILL.md, line 35**first** page with `npx tsc --noEmit` before writing the rest: that pair proves
skills/react-webapp/SKILL.md, line 51npx tsc --noEmit # type-check without emitting
skills/react-webapp/SKILL.md, line 381npx openapi-typescript ../specs/design/components/<component-name>/openapi.yaml \

Show 2 more

skills/react-webapp/references/mock-mode.md, line 128**Never run `npx msw init`.** It copies the worker script into `public/`, where
skills/react-webapp/references/mock-mode.md, line 492| `mockServiceWorker.js` appears in `public/` | `npx msw init` was run | Delete it. The plugin serves the script from the installed package. |

Runs commands on your computer

The author does not mention this.

Found in 5 places.

skills/react-webapp/SKILL.md, line 47npm install # regenerates package-lock.json
skills/react-webapp/SKILL.md, line 293mkdir -p nginx
skills/react-webapp/SKILL.md, line 381npx openapi-typescript ../specs/design/components/<component-name>/openapi.yaml \

Show 2 more

skills/react-webapp/assets/__tests__/mock-wired.test.mjs, line 25import { spawnSync } from "node:child_process";
skills/react-webapp/assets/__tests__/mock-wired.test.mjs, line 41const child = spawnSync(

Changes files outside its own folder

The author does not mention this.

Found in 2 places.

skills/react-webapp/SKILL.md, line 423&& rm /etc/nginx/conf.d/default.conf
skills/react-webapp/assets/15-aep-api-proxy.sh, line 29cp /etc/nginx/aep/default.conf "$CONF"

Connects to the internet

This is disclosed by the author in the skill's SKILL.md or README.

Found in 2 places.

skills/react-webapp/references/mock-mode.md, line 287http.get("/api/me/todos", () =>
skills/react-webapp/references/mock-mode.md, line 293http.get("/api/todos", () => HttpResponse.json(todos)),

Safer alternatives

Low-risk skills in the same category (design) that look related. Check that one does what you need.

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'react-webapp' ] || [ -L ~/.agents/skills/'react-webapp' ]; then echo 'A skill folder named react-webapp already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/wso2/labs-agentic-engineer' "$d" && git -C "$d" checkout --quiet 'e3b5fc8668f26761380b2d4965719f2d8f2eb246' -- 'skills/react-webapp' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/react-webapp' ~/.agents/skills/'react-webapp' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'react-webapp' ~/.claude/skills/'react-webapp' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for wso2/labs-agentic-engineer shows the score of its lowest-scoring skill.

SkillTrust badge for wso2/labs-agentic-engineer

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/wso2/labs-agentic-engineer.svg)](https://zalavijaysinh.github.io/skilltrust/repos/wso2/labs-agentic-engineer/)

Score history

Date	Version	Score
2026-11-10	`e3b5fc8`	67
2026-11-07	`745aedc`	67