oxc-toolchain

Set up oxlint and oxfmt for JavaScript and TypeScript projects.

2|Updated Nov 24, 2024

Search Tags:#typescript #developer tools #linting #javascript #formatting #oxlint #oxfmt

Ready to run

npx skills add https://github.com/DanSnow/dotfiles --skill oxc-toolchain

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: oxc-toolchain
Source: https://github.com/DanSnow/dotfiles/tree/main/private_dot_claude/skills/oxc-toolchain
Command: npx skills add https://github.com/DanSnow/dotfiles --skill oxc-toolchain

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines JavaScript and TypeScript development by setting up the oxlint linter and oxfmt formatter, replacing tools like ESLint and Prettier.

Core Features & Use Cases

Unified Toolchain: Integrates linting and formatting with oxlint and oxfmt.
Broad File Support: Formats a wide range of file types including JS, TS, JSON, YAML, HTML, CSS, and Markdown.
Use Case: When starting a new JavaScript project or migrating an existing one, use this Skill to quickly set up a robust linting and formatting setup that ensures code quality and consistency.

Quick Start

Use the oxc-toolchain skill to set up oxlint and oxfmt for your project.

Frequently Asked Questions about oxc-toolchain

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

FAQPage Schema

How do I replace ESLint and Prettier with oxlint and oxfmt in my JavaScript project?▼

You can replace ESLint and Prettier by using this Skill to set up oxlint for linting and oxfmt for formatting your JavaScript and TypeScript projects, ensuring code quality and consistency across a wide range of file types.

What file types does oxfmt support for formatting?▼

oxfmt supports formatting a broad range of file types including JavaScript, TypeScript, JSON, YAML, HTML, CSS, and Markdown, providing a unified formatting solution for your entire web development project.

Can I integrate oxlint and oxfmt with VSCode?▼

Yes, this Skill integrates the oxlint linter and oxfmt formatter with VSCode, offering an enhanced developer experience directly within your editor for JavaScript and TypeScript projects.

Does oxlint support import sorting and Tailwind CSS class sorting?▼

Yes, setting up oxlint and oxfmt provides features like import sorting and Tailwind CSS class sorting, helping you maintain a clean and organized codebase without needing additional specialized tools.

What is the best way to set up a unified linting and formatting toolchain for TypeScript?▼

The best way is to adopt a unified toolchain using oxlint for linting and oxfmt for formatting, which replaces Prettier and ESLint while supporting numerous file types in your TypeScript project.