Run any Skill in Manus with one click

react-build

Stars2

Forks0

UpdatedJune 20, 2026 at 21:25

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

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-build
description	Build the Lessley React frontend for production. Use when: preparing a deployment, checking that TypeScript compiles, or verifying the production bundle before shipping.
argument-hint	react-build to compile and bundle the frontend
user-invocable	true

React Production Build

Build the Lessley frontend for production deployment.

Command

cd lessley-frontend && npm run build

What it does

Runs TypeScript type checking (tsc -b)
Bundles with Vite (Rolldown) into dist/
Code-splits lazy-loaded routes into separate chunks
Minifies and tree-shakes for smallest bundle size

Output

Production files are written to lessley-frontend/dist/:

index.html — entry point
assets/*.js — JavaScript chunks (one per lazy route + shared)
assets/*.css — compiled Tailwind CSS

Troubleshooting

Problem	Fix
TypeScript errors	Run `npm run typecheck` for detailed errors
Missing dependencies	Run `npm install` first
Build warnings about SignalR	Safe to ignore — upstream `/#__PURE__/` annotation placement

More from this repository

same repository

react-dev

Lessley-Fin/Lessley

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.

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-build
description	Build the Lessley React frontend for production. Use when: preparing a deployment, checking that TypeScript compiles, or verifying the production bundle before shipping.
argument-hint	react-build to compile and bundle the frontend
user-invocable	true

React Production Build

Build the Lessley frontend for production deployment.

Command

cd lessley-frontend && npm run build

What it does

Runs TypeScript type checking (tsc -b)
Bundles with Vite (Rolldown) into dist/
Code-splits lazy-loaded routes into separate chunks
Minifies and tree-shakes for smallest bundle size

Output

Production files are written to lessley-frontend/dist/:

index.html — entry point
assets/*.js — JavaScript chunks (one per lazy route + shared)
assets/*.css — compiled Tailwind CSS

Troubleshooting

Problem	Fix
TypeScript errors	Run `npm run typecheck` for detailed errors
Missing dependencies	Run `npm install` first
Build warnings about SignalR	Safe to ignore — upstream `/#__PURE__/` annotation placement