Loading...
Loading...
Post-implementation cleanup that removes AI-generated bloat while preserving functionality. Runs pass-by-pass with test verification after each pass. Activate after kraken/spark complete a feature, or when a codebase needs hygiene work.
npx skill4agent add vibeeval/vibecosystem ai-slop-cleaner| Category | Signal |
|---|---|
| Dead imports | Imported but never referenced in the file |
| Unused variables | Declared, never read |
| Commented-out code | Blocks of |
| Debug remnants | |
| Obvious comments | |
| Redundant JSDoc | |
| Premature abstractions | A factory that creates exactly one thing |
| One-use helpers | Private function called exactly once, trivially inlinable |
| Overly generic types | |
| Over-parameterized | |
| Unreachable branches | |
| Speculative features | Code paths for requirements that don't exist |
| Copy-paste duplication | Two blocks identical except one variable name |
| Placeholder remnants | |
BEFORE ANYTHING: Run full test suite → all tests must pass (baseline)
FOR EACH PASS:
1. Identify targets for this pass category
2. Apply cleanup
3. Run tests
4. If tests pass: keep cleanup, continue
5. If tests fail: git checkout -- . (revert), skip this pass category
6. Log what was reverted and why
AFTER ALL PASSES: Run full test suite → confirm all tests still pass
Report: lines removed, files touched, passes skipped, reason for each skipletconstvar_import { useState, useEffect, useCallback, useMemo } from 'react'
import { formatDate } from '@/lib/utils'
import { ApiClient } from '@/lib/api'
export function UserCard({ user }) {
const [count, setCount] = useState(0)
const formatted = formatDate(user.createdAt)
return <div>{user.name}</div>
}import { useState } from 'react'
import { formatDate } from '@/lib/utils'
export function UserCard({ user }) {
const [count, setCount] = useState(0)
const formatted = formatDate(user.createdAt)
return <div>{user.name}</div>
}countsetCountformattedconsole.logconsole.debugconsole.warndebuggerprint()fmt.Printlnasync function processOrder(orderId: string) {
console.log('processing order', orderId)
const order = await db.orders.findById(orderId)
// const cached = await cache.get(orderId)
// if (cached) return cached
console.log('order fetched:', order)
const result = await payments.charge(order)
// TODO: add retry logic here
// console.log('charge result', result)
return result
}async function processOrder(orderId: string) {
const order = await db.orders.findById(orderId)
const result = await payments.charge(order)
// TODO: add retry logic here
return result
}// TODO:@param// ===== COMPONENT =====} // end if} // end for/**
* Gets a user by ID.
* @param id - the user ID
* @param db - the database instance
* @returns the user object
*/
async function getUserById(id: string, db: Database): Promise<User> {
// Query the database for the user
const user = await db.users.findById(id)
// Return the user
return user
} // end getUserByIdasync function getUserById(id: string, db: Database): Promise<User> {
return db.users.findById(id)
}returnthrowbreakfunction getStatus(user: User): string {
if (user.role === 'admin' || user.role === 'admin') {
return 'ADMIN'
}
if (user.isActive) {
return 'ACTIVE'
} else {
return 'INACTIVE'
}
// This never runs
return 'UNKNOWN'
}function getStatus(user: User): string {
if (user.role === 'admin') {
return 'ADMIN'
}
return user.isActive ? 'ACTIVE' : 'INACTIVE'
}function formatUserDisplayName(user: User): string {
return `${user.firstName} ${user.lastName}`.trim()
}
function renderUserCard(user: User) {
const displayName = formatUserDisplayName(user)
return `<div class="card">${displayName}</div>`
}formatUserDisplayNamerenderUserCardfunction renderUserCard(user: User) {
const displayName = `${user.firstName} ${user.lastName}`.trim()
return `<div class="card">${displayName}</div>`
}// In UserService
async function getActiveUsers() {
const users = await db.query(
'SELECT * FROM users WHERE status = $1 AND deleted_at IS NULL',
['active']
)
return users.rows
}
// In AdminService (same file or different file)
async function getActiveAdmins() {
const admins = await db.query(
'SELECT * FROM users WHERE status = $1 AND deleted_at IS NULL AND role = $2',
['active', 'admin']
)
return admins.rows
}async function getActiveUsers(role?: string) {
const params: unknown[] = ['active']
let sql = 'SELECT * FROM users WHERE status = $1 AND deleted_at IS NULL'
if (role) {
sql += ' AND role = $2'
params.push(role)
}
const result = await db.query(sql, params)
return result.rows
}interface DataProcessor<T extends BaseData> {
process(data: T): ProcessedData<T>
validate(data: T): ValidationResult
}
class UserDataProcessorFactory {
create(): DataProcessor<UserData> {
return new UserDataProcessor()
}
}
class UserDataProcessor implements DataProcessor<UserData> {
process(data: UserData): ProcessedData<UserData> {
return { ...data, processed: true }
}
validate(data: UserData): ValidationResult {
return { valid: !!data.id }
}
}function processUserData(data: UserData) {
if (!data.id) throw new Error('Invalid user data: missing id')
return { ...data, processed: true }
}| Target | Reason |
|---|---|
Test files ( | Tests are sacred |
| Public API signatures | Breaks callers |
| Error handling at system boundaries (API routes, top-level handlers) | Defense-in-depth |
| Comments explaining regulatory/compliance requirements | Legal context |
| Feature flags | May be toggled at runtime |
Anything marked | Explicit author decision |
# .slopignore
src/legacy/ # Old code being migrated, don't touch
src/generated/ # Auto-generated, cleaned by generator
vendor/ # Third-party codeAI Slop Cleaner Report
======================
Files touched: 12
Lines removed: 147
Lines remaining: 1,843
Reduction: 7.4%
Pass results:
Pass 1 (Dead imports): DONE — 23 lines removed
Pass 2 (Debug code): DONE — 18 lines removed
Pass 3 (Obvious comments): DONE — 41 lines removed
Pass 4 (Dead code): DONE — 12 lines removed
Pass 5 (One-use helpers): DONE — 31 lines removed
Pass 6 (Duplication): SKIPPED — test failed after consolidation (UserService)
Pass 7 (Over-engineering): DONE — 22 lines removed
Skipped details:
Pass 6 reverted: UserService query consolidation broke getUsersByStatus test.
Root cause: test was asserting on the exact SQL string. Left original.
Test status: ALL PASSING (127/127)1. ai-slop-cleaner (remove the noise)
2. code-reviewer (verify quality after cleanup)
3. refactor-cleaner (structural improvements if needed)
4. verifier (final gate)/clean