xiaolai/vmark

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.

First seen Feb 15, 2026

Installation

$ npx skills add xiaolai/vmark --skill react-app-dev

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from xiaolai/vmark · top by installs.

npx skills add xiaolai/vmark

Browse all from xiaolai/vmark

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 556
License LICENSE
Default branch main
Open issues 3
Status Active

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 804 B
  • docs SUMMARY.md 185 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 54 installs

SKILL.md

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.