prettier-config-generator_skill

Overview

This skill generates complete Prettier configuration files to enforce consistent code formatting across JavaScript, TypeScript, CSS, and other file types. It outputs ready-to-use files (.prettierrc, .prettierrc.js, or prettier.config.js) tailored for Prettier 3.x and typical project needs. Use the triggers like "create prettier config", "generate prettier configuration", or "prettier setup" to run it.

How this skill works

When invoked, the skill asks (or infers) project details such as language (JavaScript/TypeScript), target file types, and preferred style rules, then produces a validated Prettier configuration file. It follows Prettier 3.x standards and can emit JSON or JavaScript config files with sensible defaults (semi, singleQuote, tabWidth, trailingComma, printWidth, bracketSpacing, arrowParens). The generated file is ready to drop into the project root and integrate with editors, CI, and git hooks.

When to use it

• Setting up consistent formatting for a new JavaScript or TypeScript project
• Standardizing formatting across a monorepo or multiple packages
• Adding Prettier to projects that include CSS, JSON, Markdown, or other file types
• Migrating from older Prettier versions or from mixed formatting rules
• Creating a baseline config before integrating with ESLint or editor extensions

Best practices

• Choose one config file at the repository root (.prettierrc or prettier.config.js) to avoid conflicts
• Match Prettier version in package.json to the config expectations (this skill targets Prettier 3.x)
• Combine Prettier with ESLint using eslint-plugin-prettier or eslint-config-prettier to avoid overlapping rules
• Add a format script (e.g., "format": "prettier --write .") and run it in CI or pre-commit hooks
• Pin formatting rules that matter for your team (printWidth, trailingComma) and keep other settings minimal

Example use cases

• Create a TypeScript-friendly .prettierrc that prefers single quotes, 2-space tabs, and avoids arrow parens
• Generate a prettier.config.js for a monorepo where different packages share the same formatting
• Produce a config including CSS and Markdown formatting rules for a full-stack project
• Convert an existing project to Prettier 3.x with updated defaults and a CI format check
• Add a default .prettierrc to a library package to ensure consumers see consistent style