How do I install the React App Dev skill?

Run npx skillmds@latest add xiaolai/react-app-dev 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.

Is React App Dev 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 React App Dev?

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 React App Dev free to use?

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

Who published React App Dev?

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

React App Dev

Name: React App Dev
Author: xiaolai

Implement or modify VMark React UI with project conventions (Zustand selectors, Tailwind v4, shadcn/ui). Use for components, hooks, stores, and UI behavior changes.

xiaolai 8c441e1 3 files · 1.4 KB Updated Sep 17, 2026

Web & Frontend

Install

Press C to copy

$ npx skillmds@latest add xiaolai/react-app-dev

Installs into ~/.claude/skills (or .claude/skills inside a project). Restart Claude Code to pick it up.

Download .zip

＋ Add to collection

README badge

[![SkillMD](https://skillmd.com/badge/xiaolai/react-app-dev.svg)](https://skillmd.com/skills/xiaolai/react-app-dev)

Trust & safety

Audits pending

Not yet audited · commit 8c441e1

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

React App Dev (VMark)

Overview

Apply VMark frontend conventions for React 19 + Zustand v5 + Tailwind v4 + shadcn/ui.

Workflow

Read relevant files before editing (components, hooks, stores, plugins).
Follow the VMark rules in AGENTS.md (no store destructuring; use selectors).
Keep code files under ~300 lines; split when needed.
Prefer local feature boundaries; avoid cross-feature imports.
Update tests for new behavior and run pnpm check:all when asked.

References

references/paths.md for common source locations and scans.
Docs map: dev-docs/README.md.

xiaolai/vmark/tree/main/.claude/skills/react-app-dev commit 8c441e1592

Frequently asked questions

npx skillmds@latest add xiaolai/react-app-dev