run-quality-checks — install run-quality-checks run-quality-checks, spark-web, community, install run-quality-checks, ide skills, run-quality-checks for React developers, code quality checks for React, Claude Code, Cursor, Windsurf

v1.0.0
GitHub

About this Skill

Ideal for React Development Agents requiring automated code quality validation using ESLint and TypeScript run-quality-checks is a skill that executes code quality checks, including linting, type checking, and formatting, to ensure high-quality code in React applications.

Features

Executes linting with ESLint via npm run lint
Performs type checking with TypeScript via npm run typecheck
Enforces code formatting with Prettier via npm run prettier
Supports React applications with modular and accessible UI components
Utilizes Tailwind CSS for styling and design system consistency
Leverages React Hooks for efficient and scalable component development

# Core Topics

leboncoin leboncoin
[87]
[21]
Updated: 2/23/2026

Agent Capability Analysis

The run-quality-checks skill by leboncoin is an open-source community AI agent skill for Claude Code and other IDE workflows, helping agents execute tasks with better context, repeatability, and domain-specific guidance. Optimized for install run-quality-checks, run-quality-checks for React developers, code quality checks for React.

Ideal Agent Persona

Ideal for React Development Agents requiring automated code quality validation using ESLint and TypeScript

Core Value

Empowers agents to enforce code standards and best practices by executing npm scripts for linting, type checking, and formatting, ensuring high-quality React applications with consistent coding styles and correct TypeScript types

Capabilities Granted for run-quality-checks

Automating code quality checks before committing
Validating TypeScript types in React projects
Enforcing consistent code formatting with Prettier

! Prerequisites & Limits

  • Requires npm and React project setup
  • Limited to React applications with configured ESLint and TypeScript
Labs Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

run-quality-checks

Install run-quality-checks, an AI agent skill for AI agent workflows and automation. Works with Claude Code, Cursor, and Windsurf with one-command setup.

SKILL.md
Readonly

Run Quality Checks

Execute all code quality checks for the Spark UI project.

When to Use

  • Before committing code
  • When preparing a PR
  • User wants to verify code quality
  • User mentions "lint", "typecheck", or "quality"

Instructions

  1. Linting:

    bash
    1npm run lint

    Checks code style and quality with ESLint.

  2. Type Checking:

    bash
    1npm run typecheck

    Verifies TypeScript types are correct.

  3. Formatting:

    bash
    1npm run prettier

    Checks and fixes code formatting.

  4. All Formatting Checks:

    bash
    1npm run prettify

    Runs both lint and prettier.

  5. Tests:

    bash
    1npm run test:run

    Runs all unit tests.

  6. Test Coverage:

    bash
    1npm run test:coverage

    Generates coverage report.

  7. E2E Tests:

    bash
    1npm run test:e2e

    Runs end-to-end tests with Playwright.

  8. Accessibility Tests:

    bash
    1npm run test:a11y

    Runs accessibility tests.

Complete Quality Pipeline

For a complete check before PR:

bash
1npm run lint && npm run typecheck && npm run test:run && npm run test:a11y

FAQ & Installation Steps

These questions and steps mirror the structured data on this page for better search understanding.

? Frequently Asked Questions

What is run-quality-checks?

Ideal for React Development Agents requiring automated code quality validation using ESLint and TypeScript run-quality-checks is a skill that executes code quality checks, including linting, type checking, and formatting, to ensure high-quality code in React applications.

How do I install run-quality-checks?

Run the command: npx killer-skills add leboncoin/spark-web/run-quality-checks. It works with Cursor, Windsurf, VS Code, Claude Code, and 19+ other IDEs.

What are the use cases for run-quality-checks?

Key use cases include: Automating code quality checks before committing, Validating TypeScript types in React projects, Enforcing consistent code formatting with Prettier.

Which IDEs are compatible with run-quality-checks?

This skill is compatible with Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer. Use the Killer-Skills CLI for universal one-command installation.

Are there any limitations for run-quality-checks?

Requires npm and React project setup. Limited to React applications with configured ESLint and TypeScript.

How To Install

  1. 1. Open your terminal

    Open the terminal or command line in your project directory.

  2. 2. Run the install command

    Run: npx killer-skills add leboncoin/spark-web/run-quality-checks. The CLI will automatically detect your IDE or AI agent and configure the skill.

  3. 3. Start using the skill

    The skill is now active. Your AI agent can use run-quality-checks immediately in the current project.

Related Skills

Looking for an alternative to run-quality-checks or another community skill for your workflow? Explore these related open-source skills.

View All

widget-generator

Logo of f
f

f.k.a. Awesome ChatGPT Prompts. Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete privacy.

149.6k
0
AI

flags

Logo of vercel
vercel

flags is a Next.js feature management skill that enables developers to efficiently add or modify framework feature flags, streamlining React application development.

138.4k
0
Browser

zustand

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
AI

data-fetching

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
AI