react-app-dev

star 384

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

By xiaolai schedule Updated 4/22/2026

play_arrow Run Skill in Manus View GitHub

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

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.

Install via CLI

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

Repository Details

star Stars 384

call_split Forks 54

navigation Branch main

article Path SKILL.md