How do I install the Code Quality skill?

Run npx skillmds@latest add jimmykane/code-quality in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Code Quality skill do?

Analyze code quality using ESLint and project-specific patterns It is listed under AI & ML on SkillMD.

Is Code Quality safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Code Quality?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Code Quality free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Code Quality?

jimmykane (@jimmykane) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Code Quality by jimmykane — Agent Skill

Name: Code Quality
Rating: 4.2 (5 reviews)
Author: jimmykane

File contents

Code Quality Skill

Analyze and improve code quality for the quantified-self Angular application.

Quick Commands

# Run linter
npm run lint

# Run linter with auto-fix
ng lint --fix

# Type check without emit
npx tsc --noEmit

# Build check (catches AOT issues)
npm run build

Quality Checklist

Angular Patterns

[ ] Components use OnPush change detection (preferred)
[ ] Services use inject() function (preferred) or constructor DI
[ ] Signals used for local component state (preferred)
[ ] NgModules structure maintained (standalone: false)
[ ] RxJS observables properly unsubscribed
[ ] Async pipe used in templates where possible

Material Design Compliance

Per material-design-strict.md:

[ ] Using native Angular Material components
[ ] All colors use --mat-sys-* variables
[ ] Typography uses var(--mat-sys-*) 
[ ] No custom utility classes for colors/borders/shadows
[ ] Dialogs use global qs-dialog-container class

Code Style

[ ] Bailout-first / return-early patterns
[ ] No deep if/else nesting
[ ] SCSS used for component styling
[ ] Firebase modular SDK imports (@angular/fire/*)
[ ] BrowserCompatibilityService used for modern APIs

Analysis Report Template

## Code Quality Report: [Component/Feature]

### Files Analyzed
- [list of files]

### Summary
| Category | Issues |
|----------|--------|
| Critical | X |
| High | X |
| Medium | X |
| Low | X |

### Findings

#### [Severity] Issue Title
- **File**: `path/to/file.ts:line`
- **Issue**: Description
- **Fix**: Recommended solution

### Recommendations
1. [Priority action items]

Bundle Analysis

# Build with stats
ng build --stats-json

# Analyze (if using webpack-bundle-analyzer)
npx webpack-bundle-analyzer dist/browser/stats.json

Performance Patterns

Issue	Detection	Fix
Large bundles	Build output size	Lazy load modules
Memory leaks	Repeated subscriptions	takeUntilDestroyed()
Slow change detection	Frequent re-renders	OnPush + Signals
N+1 Firestore queries	Multiple doc reads	Batch with collectionData

---name: code-qualitydescription: Analyze code quality using ESLint and project-specific patterns---# Code Quality SkillAnalyze and improve code quality for the quantified-self Angular application.## Quick Commands```bash# Run linternpm run lint# Run linter with auto-fixng lint --fix# Type check without emitnpx tsc --noEmit# Build check (catches AOT issues)npm run build```## Quality Checklist### Angular Patterns```[ ] Components use OnPush change detection (preferred)[ ] Services use inject() function (preferred) or constructor DI[ ] Signals used for local component state (preferred)[ ] NgModules structure maintained (standalone: false)[ ] RxJS observables properly unsubscribed[ ] Async pipe used in templates where possible```### Material Design CompliancePer `material-design-strict.md`:```[ ] Using native Angular Material components[ ] All colors use --mat-sys-* variables[ ] Typography uses var(--mat-sys-*) [ ] No custom utility classes for colors/borders/shadows[ ] Dialogs use global qs-dialog-container class```### Code Style```[ ] Bailout-first / return-early patterns[ ] No deep if/else nesting[ ] SCSS used for component styling[ ] Firebase modular SDK imports (@angular/fire/*)[ ] BrowserCompatibilityService used for modern APIs```## Analysis Report Template```markdown## Code Quality Report: [Component/Feature]### Files Analyzed- [list of files]### Summary| Category | Issues ||----------|--------|| Critical | X || High | X || Medium | X || Low | X |### Findings#### [Severity] Issue Title- **File**: `path/to/file.ts:line`- **Issue**: Description- **Fix**: Recommended solution### Recommendations1. [Priority action items]```## Bundle Analysis```bash# Build with statsng build --stats-json# Analyze (if using webpack-bundle-analyzer)npx webpack-bundle-analyzer dist/browser/stats.json```## Performance Patterns| Issue | Detection | Fix ||-------|-----------|-----|| Large bundles | Build output size | Lazy load modules || Memory leaks | Repeated subscriptions | takeUntilDestroyed() || Slow change detection | Frequent re-renders | OnPush + Signals || N+1 Firestore queries | Multiple doc reads | Batch with collectionData |

Frequently asked questions

Code Quality