Run any Skill in Manus with one click

react-dev

Stars2

Forks0

UpdatedJune 20, 2026 at 21:25

Start the Vite dev server for the Lessley React frontend. Use when: developing UI features, testing visual changes, debugging frontend behavior, or verifying that components render correctly.

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

Lessley-Fin

Lessley-Fin/Lessley

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Software DevelopersComputer and Mathematical Occupations·SOC 15-1252

SKILL.md

readonly

name	react-dev
description	Start the Vite dev server for the Lessley React frontend. Use when: developing UI features, testing visual changes, debugging frontend behavior, or verifying that components render correctly.
argument-hint	react-dev to start the frontend dev server
user-invocable	true

React Dev Server

Start the Lessley frontend development server with hot module replacement.

Command

cd lessley-frontend && npm run dev

What it does

Starts Vite dev server on http://localhost:5173
Enables HMR (hot module replacement) for instant feedback
Proxies /personalization requests to the Personalization service (default http://localhost:8002)
Requires the API Gateway to be running at http://localhost:8001 (or set VITE_API_GATEWAY_URL)

Environment Variables

Variable	Default	Purpose
`VITE_API_GATEWAY_URL`	`http://localhost:8001`	Gateway API base URL
`VITE_PERSONALIZATION_PROXY_TARGET`	`http://localhost:8002`	Personalization service proxy target

Prerequisites

Run npm install in lessley-frontend/ if node_modules/ is missing
Backend services should be running (see lessley-cd/ Docker Compose)

More from this repository

same repository

react-build

Lessley-Fin/Lessley

Build the Lessley React frontend for production. Use when: preparing a deployment, checking that TypeScript compiles, or verifying the production bundle before shipping.

2026-06-202

react-feature

Lessley-Fin/Lessley

Guide for creating new features in the Lessley React frontend. Use when: adding a new page, feature module, or API integration following the established architecture patterns.

2026-06-202

react-lint

Lessley-Fin/Lessley

Run ESLint on the Lessley React frontend. Use when: checking code quality, enforcing consistent patterns, or before committing frontend changes.

2026-06-202

react-test

Lessley-Fin/Lessley

Run Vitest tests for the Lessley React frontend. Use when: verifying component behavior, testing hooks, checking auth store logic, validating route guards, or running the test suite before committing.

2026-06-202

react-typecheck

Lessley-Fin/Lessley

Run TypeScript type checking on the Lessley React frontend without emitting output. Use when: checking for type errors, validating refactors, or debugging import issues.

2026-06-202

code-architecture

Lessley-Fin/Lessley

Explains and enforces the layered architecture used in Lessley services. Use when: reviewing or writing controllers, services, or repositories; deciding where new logic should live; or ensuring a controller does not contain business logic.

2026-06-172

name	react-dev
description	Start the Vite dev server for the Lessley React frontend. Use when: developing UI features, testing visual changes, debugging frontend behavior, or verifying that components render correctly.
argument-hint	react-dev to start the frontend dev server
user-invocable	true

React Dev Server

Start the Lessley frontend development server with hot module replacement.

Command

cd lessley-frontend && npm run dev

What it does

Starts Vite dev server on http://localhost:5173
Enables HMR (hot module replacement) for instant feedback
Proxies /personalization requests to the Personalization service (default http://localhost:8002)
Requires the API Gateway to be running at http://localhost:8001 (or set VITE_API_GATEWAY_URL)

Environment Variables

Variable	Default	Purpose
`VITE_API_GATEWAY_URL`	`http://localhost:8001`	Gateway API base URL
`VITE_PERSONALIZATION_PROXY_TARGET`	`http://localhost:8002`	Personalization service proxy target

Prerequisites

Run npm install in lessley-frontend/ if node_modules/ is missing
Backend services should be running (see lessley-cd/ Docker Compose)