원클릭으로
debugging-tools
Debugging araçları - console, debugger, network, profiling.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
메뉴
Debugging araçları - console, debugger, network, profiling.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Guide for conducting comprehensive accessibility audits of code to identify WCAG compliance issues and barriers to inclusive design. This skill should be used when reviewing accessibility, ARIA implementation, keyboard navigation, or screen reader compatibility.
Transform clarified user requests into structured delegation prompts optimized for specialist agents (cto-architect, strategic-cto-mentor, cv-ml-architect). Use after clarification is complete, before routing to specialist agents. Ensures agents receive complete context for effective work.
AGENTS.md dosyaları oluşturma, monorepo yapılandırma ve agent instruction yönetimi rehberi.
p5.js ile generative art, flow fields ve interactive visuals oluşturma rehberi.
API tasarımı, GraphQL schema, OpenAPI spec, versioning. ⚠️ Tasarım aşaması için kullan. Uygulama/security için → backend-api.
ADR template, database selection, capacity planning ve scalability.
| name | debugging_tools |
| description | Debugging araçları - console, debugger, network, profiling. |
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