Menu
Debug issues in the Spinder expense tracking app, including transaction processing, UI rendering, and data flow problems.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | spinder-debugging |
| description | Debug issues in the Spinder expense tracking app, including transaction processing, UI rendering, and data flow problems. |
This skill helps identify and resolve bugs in the Spinder application, focusing on common issues with transaction handling, component rendering, and data management.
Use this skill when you encounter:
npm run buildconsole.log() statements for data flow tracing// Test transaction validation
const testTransaction = {
details: "Test transaction",
postingDate: "2024-01-01",
description: "Test description",
amount: -50.00,
type: "debit"
};
const result = Transaction.safeParse(testTransaction);
if (!result.success) {
console.error("Validation errors:", result.error.issues);
}
Create and manage expense categorization buckets in the Spinder app, including filtering logic and data aggregation.
Create new Lit-based components for the Spinder expense tracking app, following the project's coding standards and architecture patterns.
Create, dispatch, and listen to custom events in the Spinder app using the Zod-validated event system.
Create new pages and routes in the Spinder application, following the routing architecture and page component patterns.
Handle CSV parsing, transaction validation, and data processing for the Spinder expense tracking app.
Create new Zod-based type definitions for the Spinder expense tracking app, following the project's type organization patterns.