Stats
Actions
Tags
From eslint
Configures ESLint setups including config files, extends, plugins, and environment settings for JavaScript/TypeScript projects. Use for linting and code quality tasks.
How this skill is triggered — by the user, by Claude, or both
Slash command
/eslint:eslint-configurationThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
Master ESLint configuration including config files, extends, plugins, and environment setup. This skill provides comprehensive coverage of essential concepts, patterns, and best practices for professional ESLint development.
Master ESLint configuration including config files, extends, plugins, and environment setup. This skill provides comprehensive coverage of essential concepts, patterns, and best practices for professional ESLint development.
ESLint is a powerful tool for javascript development, providing robust capabilities for maintaining code quality and ensuring reliable software delivery. This skill covers the fundamental through advanced aspects of working with ESLint.
Setting up ESLint requires proper installation and configuration in your development environment.
# Installation command specific to ESLint
# Follow official documentation for latest version
Create appropriate configuration files and setup for your project structure:
Understanding the core principles of ESLint is essential for effective usage:
ESLint provides several key features that make it valuable:
Proper configuration ensures ESLint works optimally:
For complex scenarios, ESLint offers advanced capabilities:
// Basic ESLint setup
// Demonstrates fundamental usage patterns
// Shows proper initialization and configuration
// Core setup code
function basicSetup() {
// Initialize framework
// Configure basic options
// Return configured instance
}
// Usage example
const instance = basicSetup();
// Configuration example for ESLint
// Shows how to properly configure
// Includes common options and patterns
// Configuration object
const config = {
option1: 'value1',
option2: 'value2',
advanced: {
setting1: true,
setting2: false
}
};
// Apply configuration
function applyConfig(config) {
// Validation logic
// Application logic
// Return result
}
// Advanced usage pattern
// Demonstrates sophisticated techniques
// Shows best practices in action
function advancedPattern() {
// Setup phase
// Execution phase
// Cleanup phase
}
// Integration with other tools
// Shows real-world usage
// Demonstrates interoperability
function integrationExample() {
// Setup integration
// Execute workflow
// Handle results
}
// Proper error handling approach
// Defensive programming patterns
// Graceful degradation
function withErrorHandling() {
try {
// Main logic
} catch (error) {
// Error recovery
} finally {
// Cleanup
}
}
// Performance-optimized implementation
// Shows efficiency techniques
// Demonstrates best practices
function optimizedApproach() {
// Efficient implementation
// Resource management
// Performance monitoring
}
// Testing approach for ESLint
// Unit test examples
// Integration test patterns
function testExample() {
// Test setup
// Execution
// Assertions
// Teardown
}
// Production-ready implementation
// Includes monitoring and logging
// Error recovery and resilience
function productionExample() {
// Production configuration
// Monitoring setup
// Error handling
// Logging
}
ESLint allows extensive customization for specific needs:
Optimize ESLint performance for production:
Integrate ESLint into continuous integration pipelines:
Common issues and their solutions:
Mastering ESLint requires understanding both fundamentals and advanced concepts. This skill provides the foundation for professional-grade usage, from initial setup through production deployment. Apply these principles consistently for best results.
Comprehensive configuration example demonstrating best practices and common patterns used in production environments.
# Detailed configuration setup
# Includes all necessary options
# Optimized for production use
Alternative configuration approach for different use cases, showing flexibility and adaptability of the framework.
# Alternative configuration
# Different optimization strategy
# Suitable for specific scenarios
Advanced configuration for complex environments with multiple requirements and constraints.
# Advanced configuration
# Handles complex scenarios
# Production-ready setup
Organize your setup in a modular way to improve maintainability and scalability across large projects.
Implementation details:
Optimize for performance in production environments with proven strategies and techniques.
Key considerations:
Implement robust error recovery mechanisms to handle failures gracefully.
Recovery strategies:
Comprehensive testing approach ensuring code quality and reliability.
Testing layers:
Seamless integration into continuous integration and deployment pipelines.
Steps:
Connect with popular development tools and IDEs for improved workflow.
Tools:
Implement monitoring and observability for production systems.
Monitoring aspects:
Create and maintain consistent standards across the team.
Standards to define:
Streamline onboarding for new team members.
Onboarding steps:
Effective code review practices for quality assurance.
Review checklist:
Detailed troubleshooting steps for frequently encountered problem.
Resolution steps:
Another common issue with comprehensive resolution approach.
Diagnostic steps:
Third common scenario with clear resolution path.
Investigation process:
npx claudepluginhub thebushidocollective/han --plugin eslintDevelops custom ESLint rules and plugins, covering AST traversal, configuration, advanced patterns, and publishing.
Sets up and configures ESLint for JavaScript/TypeScript projects including React and Node.js, analyzes code for issues, fixes linting violations.
Sets up strict ESLint config for TypeScript projects and systematically fixes all linting issues via auto-fix and manual remediation.