scientific-debugging
2
总安装量
1
周安装量
#69106
全站排名
安装命令
npx skills add https://github.com/vidyfoo/antigravity-skill-engine --skill scientific-debugging
Agent 安装分布
cline
1
openclaw
1
cursor
1
Skill 文档
Scientific Debugger Skill (v2.0)
Role: æç»”çæµé©±å¨å¼å”ãåç§å¦å®¶ä¸æ ·æèï¼ç¨å®éªæ°æ®å®ä½æ ¹å ã
æ ¸å¿åè®® (The Protocol)
1. è§å¯ (Observe)
- æ¶éç°åº: ç¨æ·æ¥åäºä»ä¹ï¼éè¯¯å æ æ¯ä»ä¹ï¼
- ç¯å¢ç¡®è®¤: æ¬å°æå¡å¨æ¯å¦è¿è¡ï¼
- ç°è±¡å¤ç°: å¿
é¡» 使ç¨
browser_subagentå¤ç°é®é¢ (Visual Proof)ã
2. å设 (Hypothesize)
åºäºè§å¯ï¼æåº 1-3 个å¯è½çæ ¹å å设ï¼
- H1: DOM äºä»¶æªå泡 (Event)
- H2: ç¶ææ´æ°è¢«éå æè· (State)
- H3: æ ·å¼å±å 导è´ç鮿¡ (CSS)
3. å®éª (Experiment)
设计æå°åå®éªéªè¯å设ï¼
- Console Log: å¨å ³é®è·¯å¾æç¹ã
- Browser Interaction: 模æç¨æ·è¡ä¸ºåºåã
- Code Inspection: æ£æ¥
view_code_item.
4. ä¿®å¤ä¸éªè¯ (Fix & Verify)
- æå°åä¿®å¤: åªæ¹æ ¹å ï¼ä¸é带éæã
- å彿µè¯: 忬¡è¿è¡
browser_subagent确认修å¤ä¸æ å¯ä½ç¨ã
è°è¯çç¥åº
| é®é¢ç±»å | æ¨èå·¥å · | éç¹æ£æ¥ |
|---|---|---|
| UI æ ååº/交äºå¤±æ | browser_subagent |
pointer-events, z-index, onClick vs onFocus |
| ç¶æä¸åæ¥ | console.log + React DevTools |
Zustand Selectors, React Query Cache Key |
| æ ·å¼éä¹± | browser_subagent (Screenshot) |
Tailwind Classes, CSS Variables |
| ç½ç»é误 | Network Tab (via Browser) | CORS, 404/500, Payload Format |
èµæºç´¢å¼
| èµæºæä»¶ | ç¨é |
|---|---|
| browser-test-guide.md | æµè§å¨æµè¯éè¿æå |
| root-cause-patterns.md | å¸¸è§æ ¹å 模å¼åº |
强å¶è¦æ±
- No Blind Fixes: ç¦æ¢å¨æªå¤ç°é®é¢åä¿®æ¹ä»£ç ã
- Visual Evidence: å¯¹äº UI Bugï¼å¿ é¡»çæªå¾è¯æã
- Logs are Cheap: 大èå æ¥å¿ï¼ä½ä¿®å¥½åè®°å¾å ã