brainstorming
brainstorming
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or planning anything new, in software or out of it (a talk, a business, a renovation).
code-reviewerPerform thorough code reviews with actionable, prioritized feedback. Use when a user asks to review code, check code quality, find bugs, review a pull request, audit code for issues, or get feedback on implementation. Covers correctness, security, performance, readability, and best practices across languages.
Independent GitHub snapshot · Automated classification · Original documentation governs
Perform structured code reviews that identify bugs, security issues, performance problems, and maintainability concerns. Provides prioritized, actionable feedback with specific fix suggestions.
When a user asks you to review code, a file, a diff, or a pull request, follow this process:
Before reviewing, determine:
Read surrounding files if needed to understand the broader codebase context. Get the change itself with git diff main...HEAD (local branch) or gh pr diff 482 (pull request), and run the project's own linter and test command first so the review does not repeat what tooling already reports.
Evaluate the code against each category in order of severity:
Correctness (Critical)
Security (Critical)
Performance (High)
Reliability (High)
Readability (Medium)
Testing (Medium)
Organize findings by severity. For each issue:
### [SEVERITY] Category: Brief title
**File:** `src/routes/users.js` line 12-18
**Issue:** What is wrong and why it matters.
**Suggestion:**
(a fenced code block in the file's language with the fixed code)
Severity levels: CRITICAL, HIGH, MEDIUM, LOW. Tag each finding by how sure you are (confirmed by reading the code, or suspected and needs a check).
End with:
User request: "Review this Express route handler"
Code submitted:
app.post('/users', async (req, res) => {
const { name, email, role } = req.body;
const user = await db.query(
`INSERT INTO users (name, email, role) VALUES ('${name}', '${email}', '${role}')`
);
res.json(user);
});
// db is a node-postgres Pool; the handler runs under Express 4
Review output:
### CRITICAL Security: SQL Injection vulnerability
**File:** routes/users.js line 2-5
**Issue:** User input is interpolated directly into the SQL query string.
An attacker can inject arbitrary SQL via the name, email, or role fields.
**Suggestion:**
const user = await db.query(
'INSERT INTO users (name, email, role) VALUES ($1, $2, $3)',
[name, email, role]
);
### CRITICAL Security: No input validation
**File:** routes/users.js line 2
**Issue:** Request body fields are used without validation. Missing or
malformed data will cause database errors or store invalid records.
**Suggestion:**
if (!name || !email || !email.includes('@')) {
return res.status(400).json({ error: 'Name and valid email required' });
}
const allowedRoles = ['user', 'admin', 'editor'];
if (!allowedRoles.includes(role)) {
return res.status(400).json({ error: 'Invalid role' });
}
### HIGH Reliability: No error handling
**File:** routes/users.js line 3-5
**Issue:** In Express 4 a rejected promise in an async handler is not
caught: the request hangs and the rejection can crash the process
(Express 5 forwards it to the error handler).
**Suggestion:**
try {
const { rows } = await db.query(
'INSERT INTO users (name, email, role) VALUES ($1, $2, $3) RETURNING id, name, email, role',
[name, email, role]
);
res.status(201).json(rows[0]);
} catch (err) {
console.error('Failed to create user:', err);
res.status(500).json({ error: 'Failed to create user' });
}
Summary: REQUEST CHANGES
- Critical: 2, High: 1, Medium: 0
- Fix SQL injection and add input validation before merging
User request: "Review this component for any issues"
Code submitted:
function UserList({ users }) {
const [search, setSearch] = useState('');
const filtered = users.filter(u =>
u.name.toLowerCase().includes(search.toLowerCase())
);
return (
<div>
<input onChange={e => setSearch(e.target.value)} />
{filtered.map(user => (
<div>{user.name} - {user.email}</div>
))}
</div>
);
}
Review output:
### MEDIUM Performance: Filtering runs on every render
**Issue:** The filter recalculates on every render, even when unrelated
state changes. Only worth fixing for large lists; with the React Compiler
enabled it is memoized automatically, so check the build config first.
**Suggestion:**
const filtered = useMemo(() =>
users.filter(u =>
u.name.toLowerCase().includes(search.toLowerCase())
), [users, search]);
### MEDIUM Readability: Missing key prop on list items
**Issue:** React requires a unique key prop on list items for efficient
reconciliation. Missing keys cause incorrect re-renders and warnings.
**Suggestion:**
{filtered.map(user => (
<div key={user.id}>{user.name} - {user.email}</div>
))}
### LOW Readability: Missing input label and placeholder
**Issue:** The search input has no label or placeholder, making it
unclear what the input is for and inaccessible to screen readers.
**Suggestion:**
<label htmlFor="user-search">Search users</label>
<input
id="user-search"
placeholder="Search by name..."
onChange={e => setSearch(e.target.value)}
/>
Summary: APPROVE with suggestions
- Critical: 0, High: 0, Medium: 2, Low: 1
- Add key prop and useMemo before merging