react-app-dev
Implement or modify VMark React UI with project conventions (Zustand selectors, Tailwind v4, shadcn/ui). Use for components, hooks, stores, and UI behavior changes.
Source facts
- Repository
- xiaolai/vmark
- Last source activity
- April 22, 2026 at 05:22
- Detected SKILL.md language
- English
- Stars
- 824
- Forks
- 132
Install options
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Review the source files
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
File Explorer
3 filesShowing SKILL.md
SKILL.md
Source instructions · Read-only preview- name
- react-app-dev
- description
- Implement or modify VMark React UI with project conventions (Zustand selectors, Tailwind v4, shadcn/ui). Use for components, hooks, stores, and UI behavior changes.
# 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`.
View on GitHub