orange-opensource/orange-boosted-bootstrap/diagnose-errors

Name: diagnose-errors
Author: orange-opensource

Claude Code and agent skill by orange-opensource/orange-boosted-bootstrap

Trust tier 2

community

LLM review pending

By orange-opensource
Coding
orange-opensource/orange-boosted-bootstrap
.github/skills/diagnose-errors/SKILL.md
Updated 25 Sep 2026
Version 1.0.01 version recorded

Source check pending

Checking that the SKILL.md file is still in the repository.

Diagnostic workflow for build, lint, CI, and test errors in OUDS Web. Use this skill when encountering any error — Stylelint violations (border-radius, border:none, !default), ESLint failures (semicolons, console), Sass build errors (undefined variables, missing imports), CI job failures, JS test failures, or Pa11y accessibility violations. Provides a decision tree to identify the error category and step-by-step fix instructions.

Install

npx vskill@latest install orange-opensource/orange-boosted-bootstrap/diagnose-errors

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

Stylelint fixes

Forbidden properties → use mixins

scss

// ✗ → ✓
border-radius: 4px        → @include border-radius($ouds-border-radius-default)
transition: X             → @include transition(X)
border-top-left-radius: X → @include border-top-start-radius($val)

lighten()/darken() → use token variant

Stylelint comment leaking → use `//` comments

scss

// stylelint-disable property-disallowed-list
border-radius: 0;
// stylelint-enable property-disallowed-list

Token errors

Search variable in packages/<brand>/scss/tokens/_component.scss and _semantic.scss
If absent → add to _composite.scss (only hand-editable file)
Verify import order: _raw → _semantic → _semantic-colors-custom-props → _composite → _component-colors-custom-props → _component

ESLint fixes

Error	Fix
Extra semicolon	Remove `;`
Trailing comma	Remove `,`
Console statement	Remove from `js/src/`
String concatenation	Use template literal
Missing extension	Add `.js` to import

Validation

bash

npm run lint       # All rules pass
npm run dist       # Build succeeds
npm run js-test    # Tests pass

Stale cache

bash

rm -rf node_modules && npm install
npm run clean && npm run dist

Security

Security scanPassed, 100 of 100Pattern checks on the skill's files.
Model reviewNot runA model review is scheduled for the next rescan.

See the full security report

Quality evaluation

Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

See evaluation results

Source

SKILL.md in the repositoryChecking.github/skills/diagnose-errors/SKILL.md

Popularity

Repository stars: 219
Repository forks: 61
7-day trend score: 27

Stars and forks are for the whole GitHub repository, not this skill alone. Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

Claude Code
Cursor
GitHub Copilot
Windsurf
Codex
Gemini CLI
Cline
Amp
Roo Code
Goose
Continue
Kilo Code
Junie
Trae
OpenHands
Qwen Code
AI Agent
Tabnine Chat
Sourcegraph Cody
Amazon Q
Firebase Genkit
Sweep
Devin
Phind
Mentat
Claude Desktop
Aider
GPT Pilot
Plandex
bolt.new
v0
Replit Agent
Anse
TypingMind
BetterChatGPT
LibreChat
Warp AI
Pieces
Fig AI

Embed badge

[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/orange-opensource/orange-boosted-bootstrap/diagnose-errors/badge)](https://verified-skill.com/skills/orange-opensource/orange-boosted-bootstrap/diagnose-errors)

Something wrong with this skill or its page? Tell us.