Loading...
Loading...
Docusaurus build health validation and deployment safety for Claude Skills showcase. Pre-commit MDX validation (Liquid syntax, angle brackets, prop mismatches), pre-build link checking, post-build health reports. Activate on 'build errors', 'commit hooks', 'deployment safety', 'site health', 'MDX validation'. NOT for general DevOps (use deployment-engineer), Kubernetes/cloud infrastructure (use kubernetes-architect), runtime monitoring (use observability-engineer), or non-Docusaurus projects.
npx skill4agent add erichowens/some_claude_skills site-reliability-engineer| # | Problem | Symptom | Fix |
|---|---|---|---|
| 1 | Liquid syntax in examples | Liquid templates break MDX | Wrap in backtick expression |
| 2 | Unescaped angle brackets | | Use |
| 3 | Wrong SkillHeader props | SSG build failure | Use |
| 4 | Missing critical files | Skill invisible on site | Add to |
| 5 | Cache corruption | Phantom errors | Clear |
npm run install-hooksnpm run validate:liquid # Liquid syntax
npm run validate:brackets # Angle brackets
npm run validate:props # SkillHeader props
npm run validate:all # All checksrm -rf .docusaurus build node_modules/.cache
npm run build<digit| Novice | Expert |
|---|---|
| Runs full build to check | Pre-commit catches 90% in 5 seconds |
| Manual cache clearing | Auto-detect cache issues |
| Ignores warnings | Zero-tolerance for broken links |
| Simple regex validation | Context-aware (skips code blocks) |
npm run buildnpm run validate:all/\{\{.*?\}\}/scripts/| Script | Purpose |
|---|---|
| Detect unescaped Liquid syntax |
| Detect unescaped angle brackets |
| Validate SkillHeader component |
| Issue | Diagnosis | Fix |
|---|---|---|
| Hook not running | | |
| False positives | Pattern in code block | Check ``` markers |
| Slow validation | | Optimize glob patterns |
references/validation-logic.mdreferences/ci-cd-integration.mdscripts/