diagnose-errors
Installation
SKILL.md
Workflow: Diagnose Errors
Decision tree
| Error signal | Category | Fix |
|---|---|---|
Unexpected property "border-radius" |
Stylelint | Use @include border-radius() |
Unexpected value "none" for "border" |
Stylelint | Use border: 0 |
Expected variable to have default |
Stylelint | Add !default |
/* stylelint */ in CSS output |
Comment leak | Use // not /* */ |
Extra semicolon |
ESLint | Remove ; |
Trailing comma |
ESLint | Remove trailing , |
Unexpected console statement |
ESLint | Remove from js/src/ |
Can't find stylesheet to import |
Sass build | Run npm install, check @ouds/web-common/scss/ path |
Undefined variable "$ouds-..." |
Token error | Check brand _component.scss/_semantic.scss, verify import order |
AssertionError |
JS test | Check changed ARIA attrs or class names |
Violation: (URL + rule) |
Pa11y | Missing role/aria-*, contrast, focus |