Spatie Javascript

This one enforces Spatie's JavaScript and TypeScript conventions, which are opinionated but sensible if you like wider lines and more spacing than typical JS defaults. It pushes for 4-space indents and 120-character line widths in Prettier, strict equality checks everywhere, const over let, and full variable names in multi-line functions. The destructuring and arrow function guidance is straightforward: use them when they make code clearer, skip them when they don't. If you're working on a Spatie project or just prefer their house style to Airbnb or Standard, this keeps everything aligned without thinking about it.

skills.sh installs: 557
GitHub stars: 98
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add spatie/guidelines-skills --skill spatie-javascript --agent claude-code

Installs into .claude/skills of the current project.

Files

Spatie JavaScript Guidelines

Overview

Apply Spatie's JavaScript coding standards to keep JS/TS code consistent and readable.

When to Activate

Activate this skill for any JavaScript or TypeScript coding work.
Activate this skill when working on .js, .ts, .jsx, .tsx, or .vue files.
Activate this skill when configuring Prettier for a project.

Scope

In scope: JavaScript, TypeScript, Vue single-file components, Prettier configuration.
Out of scope: PHP, Laravel, CSS-only files, server configuration.

Workflow

Identify the JavaScript, TypeScript, Vue, or Prettier artifact being changed.
Read references/spatie-javascript-guidelines.md and focus on the relevant sections.
Apply Prettier configuration first, then the language rules relevant to the change.

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthly Promote your product hereReach 125k+ visitors monthly