CommunityCodierung & Entwicklunggithub.com

byteTuto/website

Überprüfe die byteTuto-Website lokal vor dem Pushen – Docker-Build, nginx-Konfiguration, Rauchtest, Sicherheitsheader. Nach Änderungen an site/, nginx/ oder Dockerfile verwenden.

Was ist website?

Dieses Skill ermöglicht eine vollständige lokale Validierung der byteTuto-Website vor dem Deployment. Es führt eine Kette von Prüfungen aus: Docker-Image-Build, nginx-Konfigurationstest, Start eines Containers im Hintergrund, und dann eine Reihe von HTTP-Prüfungen (Health-Endpoint, Content-Präsenz, 404-Fehler, Sicherheitsheader wie Content-Security-Policy, X-Frame-Options und Cache-Control, sowie Content-Type für Markdown-Dateien). Zusätzlich werden SEO- und Agent-Freundlichkeit (check_seo_agents.py) sowie responsives Design mit Playwright-Screenshots (check_responsive.py) getestet. Das Skill ist ideal für CI/CD-Pipelines oder manuelle Pre-Commit-Prüfungen und unterstützt Docker, Bash, Python sowie Playwright. Die Entwicklungsumgebung wird mit docker-compose.dev.yml bereitgestellt, um auch visuelle Prüfungen wie Animationen, Konsolenfehler und Layout-Konsistenz zu ermöglichen.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/byteTuto/website/tree/HEAD/.claude/skills/check-site

Installed? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Lokale Überprüfung

Der Reihe nach ausführen, bei erstem Fehler abbrechen und beheben:

docker build -t bytetuto-site:local .
docker run --rm bytetuto-site:local nginx -t
docker rm -f bt-check 2>/dev/null; docker run -d --name bt-check -p 8088:80 bytetuto-site:local
sleep 2
curl -fsS http://localhost:8088/healthz                       # -> ok
curl -fsS http://localhost:8088/ | grep -c byteTuto           # > 0
curl -s -o /dev/null -w '%{http_code}\n' http://localhost:8088/x   # -> 404
curl -sI http://localhost:8088/ | grep -iE 'content-security|x-frame|cache-control'
curl -sI http://localhost:8088/index.md | grep -i 'content-type: text/markdown'
curl -s -H 'Accept: text/markdown' http://localhost:8088/ | head -3   # -> front matter ---
python3 scripts/check_seo_agents.py                            # SEO + Agent-freundlich
python3 scripts/check_responsive.py --base http://localhost:8088 --shots /tmp/rs   # responsiv (Playwright)
docker rm -f bt-check

Playwright, beim ersten Mal: pip install playwright && python3 -m playwright install chromium.

Shell-Skripte: bash -n deploy/*.sh nginx/*.sh (und shellcheck falls installiert).

Visuell zu prüfende Punkte (dev: docker compose -f docker-compose.dev.yml up → http://localhost:8080)

  • Die Hintergrundanimation läuft ruckelfrei und stoppt, wenn „reduzierte Animationen“ aktiviert ist.
  • Keine Fehler in der Konsole (CSP blockiert alle Inline-Skripte: das JS befindet sich in site/app.js).
  • Screenshots /tmp/rs/*-320x640.png und *-375x667.png: nichts abgeschnitten, nichts klebt an den Rändern.
  • Markenrichtlinien eingehalten (siehe Skill bytetuto-brand).

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

Verwandte Skills