When designing and implementing web interfaces to ensure they are usable by everyone.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
When isolating and fixing unpredictable or complex software bugs.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
설치 방법 보기설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.
"Guess and check" programming wastes hours. This skill replaces randomness with the scientific method: reproduce the bug reliably, isolate the failing component via binary search, formulate testable hypotheses, and apply minimal fixes. The goal is deterministic bug resolution, not random fixes that seem to work.
git bisect, add logging) to locate the exact module causing the issue❌ Anti-pattern (Shotgun debugging, multiple changes, no hypothesis):
// User reports: "Login sometimes fails"
// Response: randomly change stuff
// Change 1: Remove cache (wild guess)
Cache.clear();
// Change 2: Increase timeout (wild guess)
timeout = 5000;
// Change 3: Retry login (wild guess)
retry();
// Change 4: Restart server
process.restart();
// "It works now!" - but which change fixed it?
✅ Correct pattern (Systematic, hypothesis-driven, minimal fix):
// User reports: "Login sometimes fails with 'Session token invalid'"
// 1. Create failing test
test('login should succeed with valid credentials', async () => {
const user = await login('user@test.com', 'password');
expect(user).toBeDefined();
});
// 2. Run test 10 times - fails randomly - good, reproducible
for (let i = 0; i < 10; i++) {
npm test; // Run failing test
}
// 3. Isolate subsystem with logging
function validateToken(token) {
console.log('Token:', token, 'Expires:', token.expiresAt, 'Now:', Date.now());
if (token.expiresAt < Date.now()) {
throw new Error('Token expired');
}
}
// 4. Hypothesis: Token generation race condition in parallel requests
// 5. Test: Run login twice simultaneously
Promise.all([login(...), login(...)]);
// Confirm: Second request gets token from first request but with different expiresAt
// 6. Minimal fix: Add mutex to token generation
const mutex = new Mutex();
async function generateToken() {
return mutex.runExclusive(async () => {
return createToken();
});
}
// 7. Verify: Failing test now passes 100 times
// 8. Add regression test
test('concurrent logins should not fail', async () => {
const results = await Promise.all([
login('user@test.com', 'password'),
login('user@test.com', 'password')
]);
expect(results.every(r => r)).toBe(true);
});
아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.
로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.
아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.
When designing and implementing web interfaces to ensure they are usable by everyone.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
When creating or extending an HTTP API for client consumption.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
When improving read performance and reducing database load.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
When configuring automated build, test, and deployment workflows for a repository.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
When asynchronously reviewing peer code before merging into the main branch.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
When addressing slow application endpoints, high database CPU usage, or standardizing data access patterns.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.