web-app

97 / 100 · Low risk

Fine to try.

By SimaDevelopment/opsiforce (GitHub) · design · 42 stars · scanned at commit c54d8e3

Use when building or changing an App on the platform's web-app starter — the React, Vite, Tailwind and shadcn/ui frontend with a NestJS and SQLite backend laid in `/workspace/app`. Covers the dev servers that are already running, adding packages, the build order, the project structure, the frontend-to-backend flow, the starter's rules, and how to verify the App before calling a feature done. Load it before touching the app.

Works with any agent that supports SKILL.md skills.

What this skill can do

Connects to the internet

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

Found in 4 places.

agent-config/skills/web-app/SKILL.md, line 35**Never start, stop or restart them yourself.** No `yarn dev`, no `node backend/src/main.ts`, no command that starts a server. They pick up your changes as you
agent-config/skills/web-app/SKILL.md, line 90**Every request goes through TanStack Query** — never raw `fetch()` or `axios` in a component. `data-fetching`, when you carry it, has `useQuery`/`useMutation`,
agent-config/skills/web-app/SKILL.md, line 94→ useMutation calls fetch("/api/...", { method: "POST", body: ... })

Show 1 more

agent-config/skills/web-app/SKILL.md, line 172After any round of edits, and again before telling the user a feature is done: `cd /workspace/app && yarn check` first, then confirm the dev servers booted — no

Install

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

if [ -e ~/.agents/skills/'web-app' ] || [ -L ~/.agents/skills/'web-app' ]; then echo 'A skill folder named web-app already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/SimaDevelopment/opsiforce' "$d" && git -C "$d" checkout --quiet 'c54d8e35f50ac35b3b2c7ba8d4fca2205a740cb9' -- 'agent-config/skills/web-app' && mkdir -p ~/.agents/skills && cp -R "$d"/'agent-config/skills/web-app' ~/.agents/skills/'web-app' && 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/'web-app' ~/.claude/skills/'web-app' (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 SimaDevelopment/opsiforce shows the score of its lowest-scoring skill.

SkillTrust badge for SimaDevelopment/opsiforce

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/SimaDevelopment/opsiforce.svg)](https://zalavijaysinh.github.io/skilltrust/repos/SimaDevelopment/opsiforce/)

Score history

Date	Version	Score
2026-11-08	`c54d8e3`	97