How do I install the Run Web skill?

Run npx skillmds@latest add vortiago/run-web in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Run Web skill do?

Build and serve the notes app as React Native Web, and run its Playwright end-to-end test. Use when running, serving, or building the web edition, or running the web e2e. It is listed under Web & Frontend on SkillMD.

Is Run Web safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Run Web?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Run Web free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Run Web?

Vortiago (@vortiago) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Run Web by vortiago — Agent Skill

Name: Run Web
Author: Vortiago

File contents

Run on web

React Native Web (built by Vite) served same-origin by the same HttpListener backend that answers /api, on http://127.0.0.1:5001. Prereqs: .NET 10, Node 22, and a free :5001 (the iOS simulator shares the host loopback, so stop a running sim app first).

Serve it

./scripts/run-web.sh builds the RN-Web bundle into src/Backend.Web/wwwroot/ and runs the backend. Done when http://127.0.0.1:5001 shows the notes screen and an added note survives a reload.

By hand: cd src/Client && npm run build:web, then dotnet run --project src/Backend.Web.

End-to-end test

cd src/Client && npx playwright test. Playwright starts the backend itself (see playwright.config.ts) and drives the round-trip (empty -> add -> reload-persists). Done when all 3 tests pass.

Drive or screenshot the running UI

RN testID becomes a data-testid, so Playwright locators work directly: getByTestId('notes.text.input'), getByTestId('notes.add.button'), then page.screenshot({ path }).

Frequently asked questions

Run Web