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.