skills.rest
JKKN-Institutions
JKKN-InstitutionsOFFICIAL
Explore all skills by this author →
WebsiteGitHub

advanced-debugging

Diagnose Next.js 15 and Supabase issues across UI, Service, and Database layers.

Updated Oct 28, 2025
Search Tags:#performance#debugging#React Query#troubleshooting#TypeScript#Next.js#Supabase
One-click install
npx skills add https://github.com/JKKN-Institutions/Kenavo --skill advanced-debugging
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: advanced-debugging
Source: https://github.com/JKKN-Institutions/Kenavo/tree/main/.claude/skills/advanced-debugging
Command: npx skills add https://github.com/JKKN-Institutions/Kenavo --skill advanced-debugging

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This skill drastically reduces the time and complexity of debugging in Next.js 15 + Supabase applications. It provides specialized workflows, automated tools, and a knowledge base of common issues, helping developers quickly pinpoint and resolve bugs, performance bottlenecks, and unexpected behavior across the entire stack.

Core Features & Use Cases

  • Automated Analysis: Run scripts to diagnose project configuration, logs, and database queries.
  • Systematic Workflows: Follow step-by-step guides for debugging UI, service, database, and authentication layers.
  • Common Issue Database: Access known solutions for frequent problems like RLS policy failures, middleware redirect loops, and stale React Query data.
  • Use Case: When a user reports a "permission denied" error, this skill guides you through checking RLS policies, user roles, and Supabase logs, providing exact SQL and TypeScript snippets to diagnose and fix the issue.

Quick Start

Analyze the current application state for potential issues using the advanced-debugging skill.

Frequently Asked Questions about advanced-debugging

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I debug permission denied errors in Next.js and Supabase?▼

Debug permission denied errors by checking Supabase RLS policies, user roles, and database logs. This skill provides step-by-step guidance to inspect policies, verify authentication context, and apply fixes using exact SQL and TypeScript snippets tailored to your schema.

What's the fastest way to diagnose performance issues in Next.js with React Query?▼

Diagnose performance issues by running automated scripts that analyze configuration, logs, and query patterns. This skill identifies bottlenecks across the UI, service, and database layers, then provides pattern-based fixes for stale data, redundant requests, and caching problems.

Can I use automated debugging tools with Next.js 15 App Router and Supabase?▼

Yes. This skill includes automated analysis scripts and systematic workflows built specifically for Next.js 15 App Router, Supabase, and React Query. It diagnoses configuration, logs, and queries, then guides layer-specific fixes for authentication, database access, and performance.

How do I fix middleware redirect loops in Next.js?▼

Fix middleware redirect loops by following the systematic debugging workflow for the service layer. This skill provides known solutions, diagnostic scripts, and TypeScript patterns to identify redirect chains and resolve them without breaking authentication flows.

Why is my React Query data stale in a Next.js application?▼

Stale React Query data often stems from incorrect cache invalidation, missing dependencies, or service-layer synchronization issues. This skill diagnoses the root cause using automated analysis and provides pattern-based fixes with exact code snippets for your stack.

Do I need TypeScript knowledge to use debugging workflows for Supabase issues?▼

No special TypeScript expertise is required. This skill provides ready-to-use diagnostic scripts, reference materials, and exact code snippets. You follow step-by-step guides to identify the affected layer—UI, service, or database—and apply provided solutions.

Related Skills

Explore More Software Engineering Skills→
GDSDNGDSDN
3

db-supabase-setup

Guide interactive Supabase project setup with PostgreSQL extensions and schema initialization.

Community
Advanced
arbisoftarbisoft
4

canary-watch

Monitor deployed URLs for regressions across HTTP status, console errors, network failures, performance metrics, content integrity, and API health.

Official
Advanced
nopkhunnopkhun

backend-engineer

Integrate frontend applications with Supabase for backend services.

Community
Advanced
visualityplvisualitypl
4

debug

Analyze logs, SQLite database state, and git history to diagnose software issues.

Official
Intermediate