spatie-javascript

What it does and when to use it

Apply Spatie's JavaScript coding standards for any task that creates, edits, reviews, refactors, or formats JavaScript or TypeScript code; use for variable declarations, comparisons, functions, destructuring, and Prettier configuration to align with Spatie's JS conventions.

How it works

1. Overview
2. When to Activate
3. Scope
4. Workflow
5. Core Rules (Summary)
6. References

---
name: spatie-javascript
description: Apply Spatie's JavaScript coding standards for any task that creates, edits, reviews, refactors, or formats JavaScript or TypeScript code; use for variable declarations, comparisons, functions, destructuring, and Prettier configuration to align with Spatie's JS conventions.
license: MIT
metadata:
  author: Spatie
---

# 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
1. Identify the JavaScript, TypeScript, Vue, or Prettier artifact being changed.
2. Read `references/spatie-javascript-guidelines.md` and focus on the relevant sections.
3. Apply Prettier configuration first, then the language rules relevant to the change.

## Core Rules (Summary)
- Use four-space indentation, a 120-character print width, and single quotes.
- Prefer `const`, use `let` only for reassignment, and never use `var`.
- Avoid abbreviated variable names except in clear single-line arrow functions.
- Always use strict equality and cast values before comparing different types.
- Use `function` for declarations and arrow functions for anonymous or terse functions when appropriate.
- Keep functions pure, limit `this`, and use shorthand object methods.
- Prefer object and array destructuring.

## References
- `references/spatie-javascript-guidelines.md`

Versions

The database has no other skills named spatie-javascript.

Database snapshot: 13.11.2026 · package version 0e7b20599396 (SHA-256 digest of the entire package)

Downloads in the last 30 days: 0 · ranking

Report a problem with this skill: harmful content, incorrect descriptions or an author’s removal request.

Similar skills

• 100spatie-laravel-php
  Apply Spatie's Laravel and PHP coding standards for any task that creates, edits, reviews, refactors, or formats Laravel/PHP code or Blade templates; use for controllers, Eloquent models, routes, config, validation, migrations, tests, and related files to align with Laravel conventions and PSR-12.
• 90spatie-version-control
  Apply Spatie's version control conventions when creating commits, branches, pull requests, or managing Git repositories; use for naming repos, writing commit messages, choosing branch strategies, and merging code.
• 95typescript-quality-checker
  Validate TypeScript/JavaScript code quality with ESLint, Prettier, type checking, and security analysis. Use for TypeScript/JS codebases to ensure code quality and standards.
• 100laravel-permission
  Use when implementing RBAC, role-based access control, or user authorization with Spatie Laravel Permission.
• 100typescript-write
  Apply house coding standards to everyday application work. TRIGGER WHEN: writing or reviewing TypeScript/JavaScript code, including types, generics, async patterns, module boundaries, and style conventions. DO NOT TRIGGER WHEN: React performance (use react-development), or…
• 100javascript-conventions
  Configure and validate JS/TS tooling conventions. Enforce pnpm, TypeScript, ESLint, and Prettier defaults. Use when working on JS/TS files or package.json. NOT for Python, backend-only, or shell scripts.