Run any Skill in Manus with one click

react-app-dev

Stars393

Forks56

UpdatedApril 22, 2026 at 05:22

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

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

xiaolai

xiaolai/vmark

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Web DevelopersComputer and Mathematical Occupations·SOC 15-1254

File Explorer

3 files

SKILL.md

readonly

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.

More from this repository

same repository

translate-docs

xiaolai/vmark

Translate VMark documentation and app strings to all 9 supported locales with subagent-driven audit, proofreading, and cultural polish. Use when adding or updating website pages, React locale JSON (src/locales/en/*.json), or Rust locale YAML (src-tauri/locales/en.yml) that need multi-language support.

2026-05-07393

css-design-tdd

xiaolai/vmark

Test-driven CSS design system modifications. Run checks before/after CSS changes to verify token usage, variable definitions, fallbacks, and consistency. Use when modifying CSS tokens, fixing design inconsistencies, or auditing CSS architecture.

2026-04-22393

mcp-dev

xiaolai/vmark

Build or update MCP server/client integrations for VMark. Use when configuring MCP servers, adding MCP tools, or updating MCP-related docs and settings.

2026-04-22393

plan-audit

xiaolai/vmark

Audit an implementation against a plan (dev-docs/plans/*). Use when a user asks to check for gaps, logic errors, or missing tests relative to a plan or Work Items.

2026-04-22393

plan-verify

xiaolai/vmark

Verify a completed implementation against a plan by running gates and checking acceptance criteria. Use when the user asks to verify work items or confirm completion.

2026-04-22393

planning

xiaolai/vmark

Create comprehensive implementation plans and write them to plan files. Use when the user asks for a plan, comprehensive plan, systematic workflow design, or wants decisions documented in a plan file.

2026-04-22393

Run any Skill with one click