skills/debugging_tools/SKILL.md
--- name: debugging_tools router_kit: FullStackKit description: Debugging araçları - console, debugger, network, profiling. metadata: skillport: category: quality tags: [architecture, automation, best practices, clean code, coding, collaboration, compliance, debugging, debugging tools, design patterns, development, documentation, efficiency, git, optimization, productivity, programming, project management, quality assurance, refactoring, software engineering, standards, testing, utilit
npx skillsauth add vuralserhat86/antigravity-agentic-skills skills/debugging_toolsInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Debugging araçları ve teknikleri.
console.log('Value:', value);
console.table(arrayData);
console.group('Section');
console.trace('Stack trace');
console.time('op'); /* ... */ console.timeEnd('op');
function process(data) {
debugger; // Breakpoint
return transform(data);
}
# Node Inspector
node --inspect src/index.js
# chrome://inspect
// Axios interceptor
axios.interceptors.request.use(config => {
console.log('Request:', config);
return config;
});
import pino from 'pino';
const logger = pino({ level: 'info' });
logger.info({ userId }, 'User logged in');
logger.error({ err }, 'Login failed');
Kaynak: OpenTelemetry Documentation & Chrome DevTools Debugging Guide
staging üzerinde tutarlı bir şekilde tekrarlayabilmek için gerekli input'ları belirle.debugger veya IDE breakpoint'leri kullanarak state'in nerede bozulduğunu adım adım (Step-over/Step-into) takip et.| Aşama | Doğrulama | |-------|-----------| | 1 | Hata "silinebilir" loglarla mı (console.log) yoksa kalıcı loglarla mı çözüldü? | | 2 | Trace ID üzerinden tüm request flow'u (Distributed Tracing) takip edilebiliyor mu? | | 3 | Hata düzeltmesi için bir test senaryosu eklendi mi? |
Debugging Tools v1.5 - With Workflow
tools
Production-tested setup for Zustand state management in React. Includes patterns for persistence, devtools, and TypeScript patterns. Prevents hydration mismatches and render loops.
development
Comprehensive spreadsheet creation, editing, and analysis with support for formulas, formatting, data analysis, and visualization. When Claude needs to work with spreadsheets (.xlsx, .xlsm, .csv, .tsv, etc) for: (1) Creating new spreadsheets with formulas and formatting, (2) Reading or analyzing data, (3) Modify existing spreadsheets while preserving formulas, (4) Data analysis and visualization in spreadsheets, or (5) Recalculating formulas
development
--- name: websocket_engineer router_kit: FullStackKit description: WebSocket specialist for real-time communication systems. Invoke for Socket.IO, WebSocket servers, bidirectional messaging, presence systems. Keywords: WebSocket, Socket.IO, real-time, pub/sub, Redis. triggers: - WebSocket - Socket.IO - real-time communication - bidirectional messaging - pub/sub - server push - live updates - chat systems - presence tracking role: specialist scope: implementation output-format:
tools
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.