Exécutez n'importe quel Skill dans Manus
en un clic

Exécutez n'importe quel Skill dans Manus en un clic

react-build

Étoiles2

Forks0

Mis à jour20 juin 2026 à 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

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

Lessley-Fin

Lessley-Fin/Lessley

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Développeurs de logicielsProfessions informatiques et mathématiques·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

Plus depuis ce dépôt

même dépôt

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