ultracite

Configure, run, and troubleshoot zero-config linting and formatting for JavaScript and TypeScript projects.

1|Updated Jul 4, 2026
One-click install
npx skills add https://github.com/trungenglish/SHOPWISE --skill ultracite-trungenglish
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ultracite
Source: https://github.com/trungenglish/SHOPWISE/tree/main/.agents/skills/ultracite
Command: npx skills add https://github.com/trungenglish/SHOPWISE --skill ultracite-trungenglish

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Maintaining consistent code style and catching errors across JavaScript/TypeScript projects requires configuring linters and formatters, which is tedious and error-prone. This Skill guides you through setting up Ultracite, running checks and fixes, and following its code standards. ## Core Features & Use Cases - Project Initialization: Set up Ultracite interactively or non-interactively with flags for package manager, linter backend (Biome, ESLint, or Oxlint), editors, agents, frameworks, and git hook integrations. - Linting and Formatting Commands: Run ultracite check for read-only analysis, ultracite fix for auto-fixes, and ultracite doctor to diagnose setup problems. - Code Standards Guidance: Apply Ultracite's rules for type safety, modern JavaScript, async correctness, React accessibility, security, performance, and testing when writing or reviewing code. - Use Case: You join a monorepo using Ultracite with Biome. Before committing, run bunx ultracite fix to auto-format your changes, then use the code standards reference to resolve remaining lint warnings about hook dependencies and accessibility. ## Quick Start Ask the AI to initialize Ultracite in your project with Biome as the linter and then run a check to find and fix linting issues.

Frequently Asked Questions about ultracite

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up Ultracite in a JavaScript project?▼

Run `bunx ultracite init` for interactive setup, or pass flags like `--pm bun --linter biome --frameworks react --quiet` for non-interactive CI use. Init creates a config file that extends Ultracite presets for your chosen linter and frameworks.

How do I run linting and formatting with Ultracite?▼

Use `bunx ultracite check` for read-only analysis and `bunx ultracite fix` to auto-fix issues. Both commands accept optional file paths, and you can replace bunx with npx, pnpx, or yarn dlx depending on your package manager.

Biome vs ESLint vs Oxlint: which linter does Ultracite support?▼

Ultracite supports all three backends: Biome (recommended), ESLint with Prettier, and Oxlint with Oxfmt. The active linter is detected via biome.jsonc, eslint.config.mjs, or oxlint.config.ts in your project.

Does Ultracite work with frameworks like React and Next.js?▼

Yes, Ultracite provides framework presets for react, next, solid, vue, svelte, qwik, remix, angular, astro, and nestjs. Pass them via the `--frameworks` flag during init, and the generated config extends the matching presets.

Why are Ultracite lint rules not applying in my project?▼

Run `bunx ultracite doctor` to diagnose the issue. Common causes include conflicting legacy `.eslintrc.*` or `.prettierrc.*` files, missing ultracite in devDependencies, or a config file that does not extend the correct Ultracite presets.