configuring-javascript-stack

Configure a JavaScript/TypeScript stack with pnpm, Prettier, ESLint, and Vitest.

1|Updated Oct 21, 2025
One-click install
npx skills add https://github.com/bryonjacob/aug --skill configuring-javascript-stack
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: configuring-javascript-stack
Source: https://github.com/bryonjacob/aug/tree/main/aug-dev/skills/configuring-javascript-stack
Command: npx skills add https://github.com/bryonjacob/aug --skill configuring-javascript-stack

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a repeatable, standards-driven setup for JavaScript/TypeScript projects, ensuring consistent tooling, formatting, linting, and testing across teams.

Core Features & Use Cases

  • Standardized tooling: PNPM-based dependency management, TypeScript configuration, Prettier formatting, and ESLint linting.
  • Quality gates: Enforces a 96% test coverage with Vitest and automated checks across local and CI environments.
  • Use Case: Start a new project by applying the stack to quickly bootstrap a consistent development environment with reproducible scripts.

Quick Start

pnpm install pnpm prettier --write . pnpm eslint . --fix --max-complexity 10 pnpm tsc --noEmit pnpm vitest run tests/unit --reporter=verbose

Frequently Asked Questions about configuring-javascript-stack

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

FAQPage Schema
How do I configure a JavaScript TypeScript stack with pnpm and automated quality gates?▼

To configure a JavaScript TypeScript stack, this setup uses pnpm for dependency management alongside Prettier, ESLint, and Vitest. It enforces a 96% test coverage threshold and provides reproducible scripts for formatting, linting, typechecking, and testing across local and CI environments.

What is the best way to enforce a strict test coverage threshold in a TypeScript project?▼

Enforcing a strict test coverage threshold is handled by configuring Vitest to require 96% coverage. This quality gate runs alongside automated linting and typechecking scripts to ensure standardized tooling and consistent code quality.

How do I set up reproducible scripts for linting and formatting JavaScript code?▼

Setting up reproducible scripts for linting and formatting is achieved through a Justfile interface and pnpm commands. It integrates Prettier for formatting and ESLint with a max complexity rule to enforce standardized code quality.

Can I use this pnpm and Vitest configuration to bootstrap a new JavaScript project?▼

Yes, you can use this pnpm and Vitest configuration to bootstrap a new JavaScript project. It quickly applies standardized tooling, formatting, and testing environments to ensure consistent development practices from the start.

Does this JavaScript stack configuration include typechecking with TypeScript?▼

Yes, this JavaScript stack configuration includes typechecking with TypeScript. It provides reproducible scripts that run the TypeScript compiler with the noEmit flag to validate types before executing tests.