Skill🧩 Web-Entwicklung

Multistep-Fragebogen mit Sprachnachricht

Version 1.2·Stand 2026-09-14·Markdown · kostenlos

Ein ausführliches Briefing online und spielerisch beantworten lassen: eine Frage pro Schritt, Antwort per Text, Diktat oder Sprachnachricht, automatisches Speichern und Weitermachen auf anderen Geräten. Dazu eine geschützte Auswertung mit Audio-Wiedergabe, lokaler Transkription und Briefing-Export als Markdown und einer Erfolgsmail an das Team, sobald jemand fertig ist. Node-Server ohne Abhängigkeiten.

🧭Worum es geht

Von der gemeinsamen Fragen-Quelle über Server-Routen, Speicherung und Audio-Upload, das Frontend mit Autosave, Level und Kapitelübersicht bis zu Admin-Ansicht, Transkription, Sicherheits-Minimum, Betrieb unter einem Pfad einer bestehenden Website und Tests ohne Mikrofon.

📄Was die Datei enthält

Fragen-Quelle als JSON für Web, PDF und Export
Routen-Tabelle für Sessions, Antworten, Audio mit Range-Support und Admin
MediaRecorder-Format-Kette, Pegelanzeige, Upload mit Wiederholen
Autosave mit keepalive, Weiter-Link im URL-Hash, Kapitelübersicht und Fortschritts-Level
Fortsetzen über mehrere Sitzungen und Geräte per Link oder QR-Code, Position als stabiler Schlüssel
Lokale Transkription mit faster-whisper über die Admin-API
Erfolgsmail bei Abgabe mit Direktlink und Briefing-Anhang, SMTP mit STARTTLS plus HTTPS-Fallback
Sicherheits-Minimum und Checkliste vor dem Livegang

🎯Welche Probleme sie löst

Kunden beantworten lange Briefings lieber, wenn sie erzählen statt tippen dürfen
Keine verlorenen Antworten bei Abbruch oder Gerätewechsel
Ein sofort nutzbares Briefing statt verstreuter Mails und Sprachnotizen
Datensparsamer Betrieb auf eigener Infrastruktur statt Formular-SaaS

⚠️Welche Fehler ohne diesen Skill auftreten

Lange Formulare werden abgebrochen und Antworten gehen verloren
Wer am Laptop beginnt und am Handy per QR-Code weitermacht, bekommt ohne serverseitiges Fortsetzen einen leeren Fragebogen
Sprachnachrichten kommen per Messenger und müssen manuell zugeordnet werden
Safari spielt hochgeladene Audios ohne Range-Support nicht ab
Tokens in Audio-URLs landen in Logs
Mobile Layouts brechen durch zu breite Buttons unbemerkt aus
Niemand bemerkt, dass ein Fragebogen fertig ist, und das Briefing bleibt liegen

🏷️Themen

fragebogenformularbriefingmultistepmediarecordersprachnachrichtaudiowhispernodevanilla-js

Skill = eine einzelne Fähigkeit bzw. ein Schritt – fokussiert und sofort einsetzbar.

Workflow = ein kompletter Prozess, der mehrere Skills zu einem Ergebnis verkettet.