cui-javascript-linting

Configure ESLint, Prettier, and StyleLint for JavaScript projects.

1|Updated Feb 3, 2025
One-click install
npx skills add https://github.com/cuioss/cui-llm-rules --skill cui-javascript-linting
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: cui-javascript-linting
Source: https://github.com/cuioss/cui-llm-rules/tree/main/claude/marketplace/bundles/cui-frontend-expert/skills/cui-javascript-linting
Command: npx skills add https://github.com/cuioss/cui-llm-rules --skill cui-javascript-linting

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill prescribes ESLint, Prettier, and StyleLint configurations for consistent JavaScript code quality and formatting, with build integration considerations.

Core Features & Use Cases

  • ESLint & Rules: Flat config, plugin setup, environment overrides.
  • Prettier & StyleLint: Enforced formatting and CSS-in-JS linting.
  • Build Integration: Maven and CI/CD integration for quality gates.

Quick Start

Initialize linting and formatting in your project; run npm scripts to enforce style and quality.

Frequently Asked Questions about cui-javascript-linting

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

FAQPage Schema
How do I set up ESLint and Prettier for JavaScript code quality?

ESLint and Prettier enforce consistent code quality and formatting across JavaScript projects. This Skill configures flat ESLint v9 config files, Prettier formatting automation, and integration with build systems like Maven and CI/CD pipelines to maintain standards automatically.

Can I use ESLint with modern ES2022+ code and Web Components?

Yes. This Skill provides ESLint flat configurations targeting modern ES2022+ JavaScript with Lit and Web Components, including environment overrides, plugin setup, and test-specific rules for complete coverage across your codebase.

What's the best way to enforce CSS-in-JS linting alongside JavaScript rules?

StyleLint rules integrated with ESLint and Prettier enforce CSS-in-JS standards alongside JavaScript linting. This Skill configures all three tools together to catch styling issues during development and enforce consistent formatting in your build workflow.

How do I integrate linting into Maven builds and CI/CD pipelines?

Linting integrates into Maven frontend tooling and CI/CD quality gates through npm scripts and pre-commit hooks. This Skill covers the full setup—from eslint.config.js and required dependencies to editor formatting on save and automated checks in your deployment pipeline.

Do I need separate tools for ESLint, Prettier, and StyleLint, or can they work together?

All three work together cohesively. This Skill configures ESLint for code quality rules, Prettier for formatting automation, and StyleLint for CSS-in-JS, eliminating conflicts and providing unified standards across JavaScript and styling in one integrated workflow.

What dependencies and plugins are required for flat ESLint v9 configuration?

Flat ESLint v9 requires specific plugins and dependencies for your tech stack. This Skill specifies exact dependencies, plugin configurations, and environment overrides needed to enforce rules on ES modules, tests, and Web Components in CUI projects.