willneverusegit/web-ui
.claude/skills/web-ui/SKILL.md
FastAPI-Endpoints, WebSocket, Frontend-JS/CSS, MJPEG-Stream — aktivieren wenn an src/web/ oder static/ gearbeitet wird
development
Updated Apr 16, 2026
$ install --global
skillsauthnpx skillsauth add willneverusegit/dart-vision-claude web-uiInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 16, 2026, 5:46 PM154.0s2 files scanned
SKILL.md
- name:
- web-ui
- description:
- FastAPI-Endpoints, WebSocket, Frontend-JS/CSS, MJPEG-Stream — aktivieren wenn an src/web/ oder static/ gearbeitet wird
- type:
- domain
Wann nutzen
- Neue oder geänderte API-Endpunkte in routes.py
- WebSocket-Events und Broadcasting
- Frontend-Änderungen in static/js/ oder static/css/
- HTML-Template-Änderungen
- MJPEG-Stream-Handling
- Kamera-Health-Anzeige im Frontend
Pflichtlektüre vor Arbeit
agent_docs/current_state.md— Frontend-Features-Standagent_docs/pitfalls.md— kein _showToast, nur _showError()src/web/routes.pylesen (HIGH-RISK, 70KB) — bestehende Patterns verstehen- Betroffene JS-Datei mit
node -c <file>nach Änderungen prüfen
Schlüsselregeln
- routes.py ist HIGH-RISK (70KB, Threading + API + Runtime-Zustand zusammen) — neue Komplexität kapseln, nicht hinein kippen.
- Nur
_showError()in app.js — kein_showToast(), existiert nicht. - Alle fetch-Aufrufe mit
response.ok-Check (P16): vor JSON-Parse auf HTTP-Fehler prüfen. - Kein Framework einführen — Vanilla JS bleibt (ADR-004). Kein React/Vue/Svelte ohne explizite Anfrage.
- Neue Logik nicht in routes.py ankern wenn sie besser als Service oder Helper passt.
- WebSocket thread-sicher broadcasten via
EventManager— nicht direkt an Connections schreiben. - JavaScript nach Änderung prüfen:
node -c static/js/<file>.js - WCAG AA Kontrast bei Farb-/Theme-Änderungen prüfen.
- Input-Validierung in routes.py (P13): score 0-180, sector, multiplier 1-3, ring — Grenzen nicht entfernen.
- Deutsche Fehlermeldungen in Kalibrierungs-Endpunkten und handlungsorientiert formulieren.
Offene Todos (aktive P-Items)
| P-Nr | Titel | Status | |------|-------|--------| | P9 | Multi-Cam UX: Kamera-Vorschau, Drag-and-Drop, Wizard-Verbesserungen | NIEDRIG | | P30 | Camera Error Reporting to UI (Multi-Cam per-camera status badges) | KRITISCH |
Risiko-Einschätzung
HOCH für routes.py — Threading, App-Lifecycle und API treffen zusammen.
NIEDRIG für isolierte Frontend-Änderungen in static/js/ wenn keine neuen API-Calls eingeführt werden.
Immer nach JS-Änderungen: node -c zur Syntax-Prüfung.
Related Skills
willneverusegit/vision
devops
VerifiedTrustedCommunity
Dart-Erkennung, Frame-Diff-Pipeline, Tip-Detection, Kalibrierung, Geometrie — aktivieren wenn an src/cv/ gearbeitet wird
SKILL.mdUpdated Apr 16, 2026
willneverusegit/update-progress
tools
VerifiedTrustedCommunity
Aktualisiert Fortschrittsdokumentation nach Abschluss einer Aufgabe. Markiert erledigte Prioritaeten und sucht nach neuen Schwachstellen.
SKILL.mdUpdated Apr 16, 2026
willneverusegit/task-splitter
data-ai
VerifiedTrustedCommunity
Zerlegt groessere Aufgaben in unabhaengige Teilaufgaben und dispatcht parallele Agenten
SKILL.mdUpdated Apr 16, 2026
willneverusegit/stats-telemetry
tools
VerifiedTrustedCommunity
Performance-Monitoring, FPS/Queue-Alerts, Session-Logging, Metriken — aktivieren wenn an src/utils/telemetry.py, logger.py, fps.py gearbeitet wird
SKILL.mdUpdated Apr 16, 2026