React Code Smells
Identifies potential code smells like duplication, complexity, and long methods in React components.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add react-code-smells npx -- -y @trustedskills/react-code-smells
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"react-code-smells": {
"command": "npx",
"args": [
"-y",
"@trustedskills/react-code-smells"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill helps identify and refactor common code smells in React applications. It analyzes your codebase, flags potential issues like deeply nested components, unused imports, or overly complex logic, and suggests improvements to enhance maintainability and performance. The goal is to improve the overall quality of React projects by proactively addressing problematic patterns.
When to use it
- Refactoring Legacy Code: When working with older React projects that may have accumulated technical debt.
- Code Reviews: To assist in identifying potential issues during code review processes.
- Improving Component Design: To get suggestions on how to simplify and improve the structure of individual components.
- New Project Setup: To proactively avoid common pitfalls when starting a new React project.
Key capabilities
- Identifies deeply nested components.
- Flags unused imports.
- Detects overly complex logic within components.
- Suggests refactoring strategies for identified code smells.
Example prompts
- "Analyze this component and identify any potential code smells: [component code]"
- "What are the most common code smell patterns in React?"
- "How can I simplify this deeply nested component structure? [component code]"
Tips & gotchas
The skill's effectiveness depends on providing clear and complete code snippets. It is best used as a supplementary tool to human review, not a replacement for it.
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.