skills.rest
BanePlayss
BanePlayssCOMMUNITY
Explore all skills by this author →
GitHub

build-deploy

Builds, validates, and deploys the Primitivão apostas JSX app to GitHub Pages.

Updated May 6, 2026
Search Tags:#deploy#jsx#github pages#esbuild#ci#cache busting#git rebase
One-click install
npx skills add https://github.com/BanePlayss/primitivao --skill build-deploy-baneplayss
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: build-deploy
Source: https://github.com/BanePlayss/primitivao/tree/main/.opencode/skills/build-deploy
Command: npx skills add https://github.com/BanePlayss/primitivao --skill build-deploy-baneplayss

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires esbuild, @babel/parser.

What problem does it solve? Deploying the Primitivão apostas app involves a fragile multi-step pipeline—JSX validation, emoji checks, cache-busting, esbuild compilation, and resolving rebase conflicts with the CI build bot—and missing any step breaks the live GitHub Pages site. ## Core Features & Use Cases - Pre-deploy validation: Parses apostas-app.jsx with @babel/parser to mirror the CI lint and enforces the no-emoji rule before any commit. - Cache-busting and build: Bumps the version tag across index.html and the JSX source, then compiles with esbuild to apostas-app.compiled.js. - Rebase-over-the-build-bot recovery: Resolves the recurring push conflict on compiled.js caused by the GitHub Action by rebuilding and continuing the rebase. - Use Case: After editing apostas/styles.css, run the full flow to validate, bump the cache tag, rebuild, commit as BanePlayss, and push past the bot's build commit. ## Quick Start Deploy my latest changes to apostas-app.jsx to GitHub Pages using the build-deploy workflow.

Frequently Asked Questions about build-deploy

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I deploy a JSX app to GitHub Pages with esbuild?▼

Validate the JSX with @babel/parser, bump the cache-busting version tag in index.html and the source, then compile with esbuild using --loader:.jsx=jsx --target=es2018 --minify. Commit both source and compiled output and push to main.

How do I validate JSX syntax before committing?▼

Parse the file with @babel/parser using sourceType script and the jsx plugin, mirroring the CI lint step. A successful parse prints OK; a syntax error throws before you ever commit.

Why does my git push conflict after a GitHub Action builds my project?▼

The repository's build.yml Action commits its own compiled.js, so your push conflicts on that generated file. Pull with --rebase, rebuild the compiled file with esbuild, stage it, and continue the rebase.

Should I edit the esbuild-compiled output file manually?▼

No. The compiled.js file is generated and overwritten on every build, so manual edits are lost. Always edit the JSX source and regenerate the output with esbuild.

Why did @babel/parser or esbuild disappear from node_modules?▼

Installing firebase with --no-save can remove @babel/parser and esbuild from node_modules. Reinstall them before running the validation or build steps again.

Related Skills

Explore More Software Engineering Skills→
junainfinityjunainfinity

hyperframes

Build HTML-based video compositions with deterministic GSAP timelines and CLI exports.

Community
Advanced
aetherrigstudio-artaetherrigstudio-art

deploy-check

Diagnose GitHub Actions deploy runs, job logs, secrets, and live site HTTP status codes.

Community
Intermediate
brainbrewlabsbrainbrewlabs
7

docs

Build and manage a VitePress documentation site with local preview and GitHub Pages deployment.

Official
Basic
hashintelhashintel
7

router-plugin

Generate routing configurations and enable code splitting for web applications.

Official
Intermediate