code-quality-checks
Quality gates for static HTML/CSS websites (validation, linting, accessibility, link checking)
소스 정보
- 저장소
- Hack23/riksdagsmonitor
- 최근 소스 활동
- 2026년 4월 16일 09:31
- 감지된 SKILL.md 언어
- 영어
- 스타
- 12
- 포크
- 4
설치 방법
기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.
소스 파일 검토
설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.
SKILL.md 표시 중
SKILL.md
소스 지침 · 읽기 전용 미리보기- name
- code-quality-checks
- description
- Quality gates for static HTML/CSS websites (validation, linting, accessibility, link checking)
- license
- Apache-2.0
# 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)
```bash
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)
```bash
npm install -g linkinator
# Start local server
python3 -m http.server 8080 &
# Check all links
linkinator http://localhost:8080/ --recurse --silent
```
### Accessibility (axe-core)
```bash
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
- **HTMLHint**: https://htmlhint.com/
- **linkinator**: https://github.com/JustinBeckwith/linkinator
- **axe-core**: https://github.com/dequelabs/axe-core-npm
GitHub에서 보기