SKILL.md
Automatic Code Review
Review and fix issues before user sees code.
Review Checklist
Code Quality
- No unused imports
- No unused variables
- No console.log in production
- Consistent naming conventions
- No magic numbers (use constants)
Structure
- Components properly extracted
- No code duplication
- Reasonable file sizes (<300 lines)
- Logical folder organization
Performance
- No N+1 queries
- Images optimized
- Lazy loading where appropriate
- No blocking operations
Accessibility
- Alt text on images
- Proper heading hierarchy
- Focusable interactive elements
- Color contrast sufficient
Auto-Fix Rules
| Issue | Fix |
|---|---|
| Unused import | Remove |
| console.log | Remove |
| Missing alt text | Generate from context |
| Duplicate code | Extract function |
| Long function | Split into smaller |
Process
- Scan generated code
- Identify issues (categorize by severity)
- Auto-fix what's possible
- Re-run tests to verify fixes don't break
- Continue to preview if all good
User Experience
User never sees:
- Linting errors
- Initial messy code
- Intermediate states
User always sees:
- Clean, reviewed code
- Working preview
- ✅ confirmation