| name | spinder-debugging |
| description | Debug issues in the Spinder expense tracking app, including transaction processing, UI rendering, and data flow problems. |
Spinder Debugging Skill
This skill helps identify and resolve bugs in the Spinder application, focusing on common issues with transaction handling, component rendering, and data management.
When to Use
Use this skill when you encounter:
- Transaction parsing or display errors
- Component rendering issues
- Data not updating correctly
- Performance problems
- Console errors or warnings
- Unexpected UI behavior
Debugging Process
- Reproduce the issue with specific steps
- Check browser console for JavaScript errors
- Inspect network requests if applicable
- Verify data integrity in localStorage
- Test component isolation by commenting out parts
- Check TypeScript compilation with
npm run build
- Validate data against schemas using Zod
Common Issues
Transaction Processing
- CSV parsing failures
- Invalid date formats
- Amount parsing errors
- Missing required fields
Component Issues
- Context not updating
- Event not firing
- Style not applying
- Property binding problems
Data Flow
- Transactions not saving
- Filters not applying
- Buckets not matching
- State not persisting
Debugging Tools
- Browser DevTools (Elements, Console, Network, Application)
