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.
日本語の概要は準備中です。原文の説明を表示しています。