skills.rest
DanSnow
DanSnowCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/DanSnow/dotfiles --skill oxc-toolchain
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
iludeilude
8

typescript-workflow

Automate Bun-based TypeScript project setup and workflow management with Bun tooling and tsconfig patterns.

Community
Advanced
josuenavarroaguadojosuenavarroaguado

ci-cd-and-automation

Automate GitHub Actions CI/CD pipelines with quality gates and preview deployments.

Community
Advanced
tneztnez

install-git-hooks

Install a Git pre-commit hook that lints staged Markdown files with markdownlint-cli2.

Community
Intermediate
fsionifsioni

ultracite

Detect the active linter and manage linting and formatting for JavaScript and TypeScript projects.

Community
Intermediate