Agent Skills: JavaScript Tooling

Configure development tools, linting, and testing for JavaScript projects. Use when configuring ESLint, Prettier, or test runners for JavaScript projects. (triggers: .eslintrc.*, jest.config.*, package.json, eslint, prettier, jest, test, lint, build)

UncategorizedID: hoangnguyen0403/agent-skills-standard/javascript-tooling

Install this agent skill to your local

pnpm dlx add-skill https://github.com/HoangNguyen0403/agent-skills-standard/tree/HEAD/skills/javascript/javascript-tooling

Skill Files

Browse the full folder contents for javascript-tooling.

Download Skill

Loading file tree…

skills/javascript/javascript-tooling/SKILL.md

Skill Metadata

Name
javascript-tooling
Description
"Configure development tools, linting, and testing for JavaScript projects. Use when configuring ESLint, Prettier, or test runners for JavaScript projects. (triggers: .eslintrc.*, jest.config.*, package.json, eslint, prettier, jest, test, lint, build)"

JavaScript Tooling

Priority: P1 (OPERATIONAL)

Essential tooling for JavaScript development.

Implementation Guidelines

  • Linting: ESLint (Rec + Prettier). Fix on save.
  • Formatting: Prettier. Run on save/commit.
  • Testing: Jest/Vitest. Co-locate tests. >80% cov.
  • Build: Vite (Apps), Rollup (Libs).
  • Pkg Manager: Sync versions (npm/yarn/pnpm).

Anti-Patterns

  • No Formatting Wars: Prettier rules.
  • No Untested Code: TDD/Post-code tests.
  • No Dirty Commits: Lint before push.

Configuration

// .eslintrc.js
module.exports = {
  extends: ['eslint:recommended', 'prettier'],
  rules: { 'no-console': 'warn', 'prefer-const': 'error' },
};
// .prettierrc
{ "semi": true, "singleQuote": true, "printWidth": 80 }
// jest.config.js
export default {
  coverageThreshold: { global: { lines: 80 } },
};

Reference & Examples

For testing patterns and CI/CD: See references/REFERENCE.md.

Related Topics

best-practices | language