Claude Code Plugins

Community-maintained marketplace

Feedback

build-and-deploy

@Eng0AI/mantis-react-admin-template
0
0

Build and deploy this React admin dashboard. Use when building, deploying, or preparing the project for production.

Install Skill

1Download skill
2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

name build-and-deploy
description Build and deploy this React admin dashboard. Use when building, deploying, or preparing the project for production.

Build and Deploy Mantis React Admin

CRITICAL: For Vercel, use vercel build --prod then vercel deploy --prebuilt --prod.

Tech Stack

  • Framework: React 19 with Vite 7
  • UI Library: Material UI v7 (MUI)
  • Styling: Emotion CSS-in-JS
  • Routing: React Router v7
  • State: SWR for data fetching
  • Build Output: dist/ directory

Workflow

1. Install Dependencies

yarn install

2. Build

yarn build

This runs vite build which creates an optimized production build in dist/.

3. Deploy

Vercel:

vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN

Netlify:

netlify deploy --prod --dir=dist

Development

Start local dev server:

yarn start

Preview production build:

yarn preview

Linting

yarn lint        # Check for issues
yarn lint:fix    # Auto-fix issues
yarn prettier    # Format code