mcpField
R
react-app-dev

react-app-dev

github.com/xiaolaiDevelopment87854 installsUpdated today
Repository

About react-app-dev

react-app-dev is a VMark development skill for frontend work using React 19, Zustand v5, Tailwind v4, and shadcn/ui. It provides conventions for code structure, state access, feature boundaries, and testing.

Key features

  1. 01Applies VMark frontend conventions
  2. 02Uses selectors instead of store destructuring
  3. 03Keeps code files near 300 lines
  4. 04Encourages local feature boundaries
  5. 05Updates tests and runs checks when asked

Use cases

  1. 01Implementing React frontend changes in VMark
  2. 02Organizing components, hooks, stores, and plugins
  3. 03Adding behavior with corresponding tests

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/xiaolai/vmark --skill react-app-dev

After installing, type/react-app-devin Claude Code to confirm it loaded.

Bundled filesreferences/paths.mdscripts/scan_react_usage.sh

Details

From the project README

React App Dev (VMark)

Overview

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

Workflow

  1. Read relevant files before editing (components, hooks, stores, plugins).
  2. Follow the VMark rules in AGENTS.md (no store destructuring; use selectors).
  3. Keep code files under ~300 lines; split when needed.
  4. Prefer local feature boundaries; avoid cross-feature imports.
  5. 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.

Comments

Markdown supported