skills.rest
rcarmo
rcarmoCOMMUNITY
Explore all skills by this author →
Website𝕏@rcarmoGitHub

Frontend bundling via Bun/Node

Automate frontend bundling and typechecking with Bun or Node tooling.

147|5|Updated Jan 11, 2026
Search Tags:#typescript#frontend#bun#makefile#node#bundle
One-click install
npx skills add https://github.com/rcarmo/agentbox --skill frontend-bundling-via-bun-node
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Frontend bundling via Bun/Node
Source: https://github.com/rcarmo/agentbox/tree/main/skel/.github/skills/frontend
Command: npx skills add https://github.com/rcarmo/agentbox --skill frontend-bundling-via-bun-node

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Bundling frontend assets efficiently for Bun/Node projects, reducing build times and setup friction.

Core Features & Use Cases

  • Optional Make targets for typecheck, build, build-fast, bundle-watch, and bundle-clean to streamline development workflows.
  • Bun-first bundling preference with fallback to Node tooling for compatibility across environments.
  • Use cases include TypeScript projects needing fast iteration, CI pipelines that run type checks and bundles, and local development with automated rebuilds.

Quick Start

Install dependencies with make deps-frontend, then run make typecheck and make build to produce a Bun/Node bundle.

Frequently Asked Questions about Frontend bundling via Bun/Node

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

FAQPage Schema
How do I bundle frontend assets using Bun instead of Node?▼

This Skill automates frontend asset bundling by preferring Bun for faster execution and falling back to Node tooling when Bun is unavailable. It provides Makefile targets to trigger the build process.

How do I set up a TypeScript typecheck and build workflow with Make?▼

You can set up a TypeScript typecheck and build workflow by running 'make deps-frontend' to install dependencies, followed by 'make typecheck' and 'make build' to execute the specific Makefile targets.

Can I use a Makefile to run a watch-mode build for TypeScript?▼

Yes, you can run a watch-mode build for TypeScript using the 'make bundle-watch' Makefile target. This automates local development rebuilds whenever frontend assets change.

What is the best way to speed up frontend bundling for CI pipelines?▼

To speed up frontend bundling in CI pipelines, use the 'make build-fast' target. This leverages Bun-first bundling to significantly reduce build times and setup friction across automated environments.

Does this frontend bundling approach work if I only have Node installed?▼

Yes, this frontend bundling approach works if you only have Node installed. It features a Bun-first preference but automatically falls back to Node-based tooling to ensure compatibility across environments.

Related Skills

Explore More Software Engineering Skills→
iludeilude
8

typescript-workflow

Automate Bun-based TypeScript project setup and workflow management with Bun tooling and tsconfig patterns.

Community
Advanced
burgebjburgebj

setup-deploy

Configure deployment settings and write them to a configuration file.

Community
Advanced
RaNDoM6913RaNDoM6913
1

lint-runner

Detect project linters and run their commands across Go, TypeScript, Python, and Rust.

Community
Intermediate
BerryKuipersBerryKuipers
7

validate-build

Run production build validation across Vite, TypeScript, Webpack, esbuild, and Rollup.

Community
Intermediate