SuperAPI AI Directory
Partner with us中文AI newsFavorites
Skillscode-quality-checks

code-quality-checks

Testing & quality

View repository

Updated 10-15 22:11

About this skill

Code Quality Checks

🔴 AI FIRST Quality Principle

Apply the AI FIRST principle: never accept first-pass quality. Minimum 2 iterations. Read all output, improve every section. No shortcuts.

Purpose

Enforce quality standards for Riksdagsmonitor static HTML/CSS website.

Quality Gates

HTML Validation (HTMLHint)

npm install -g htmlhint

# Validate all HTML files
htmlhint *.html
Custom rules (.htmlhintrc)

{ "tagname-lowercase": true, "attr-lowercase": true, "attr-value-double-quotes": true, "doctype-first": true, "tag-pair": true, "spec-char-escape": true, "id-unique": true, "src-not-empty": true, "attr-no-duplication": true }


### CSS Validation (CSSLint)
```bash
npm install -g csslint

# Validate CSS
csslint styles.css

# Custom rules (.csslintrc)
{
  "adjoining-classes": false,
  "box-model": true,
  "box-sizing": false,
  "duplicate-properties": true,
  "empty-rules": true,
  "import": true,
  "important": false,
  "known-properties": true
}

Link Checking (linkinator)

npm install -g linkinator

# Start local server
python3 -m http.server 8080 &

# Check all links
linkinator http://localhost:8080/ --recurse --silent

Accessibility (axe-core)

npm install -g @axe-core/cli

# Check accessibility
axe https://riksdagsmonitor.com --tags wcag2a,wcag2aa

Quality Standards

  • ✅ 0 HTML validation errors
  • ✅ 0 broken links
  • ✅ 0 accessibility violations (WCAG 2.1 AA)
  • ✅ CSS validation warnings only
  • ✅ 4.5:1 color contrast minimum

References