LinguoKorrekt: Dein intelligenter Schreibassistent
Freie Nutzung von Text & Abbildungen & Video mit einem Unidigital-Zugang
Es ist mittlerweile ein Standard-Skill, einen Text in eine Promptleiste einzufügen und diesen mithilfe eines Sprachmodells korrigieren zu lassen. Um die Resultate zu visualisieren und interaktiv klickbar zu machen, empfiehlt sich die Entwicklung einer eigenen Korrektur-App, die ich ganz auf meine Bedürfnisse hin programmieren kann. Dieser Prozess wird als „Vibe Coding“ bezeichnet.
PROMPT:
Ich möchte eine App entwickeln, die als vielseitiger Korrekturassistent fungiert. Du bist mein leitender Software-Entwickler und UI/UX-Designer. Deine Aufgabe ist es, mich Schritt für Schritt bei der Konzeption, dem Design und der Programmierung dieser App zu unterstützen.
Hier sind die Kernfunktionen und Anforderungen, die die App erfüllen muss:
1. TEXTEINGABE
- Der Nutzer fügt einen Text in ein zentrales Eingabefeld ein und klickt auf "Analysieren".
2. VISUELLE TRENNUNG (FARBCODIERUNG DER ANALYSIS-FELDER)
Nach der Analyse wird das Ergebnis in vier klar voneinander getrennten, farbigen Bereichen oder Textboxen dargestellt:
- 🔴 ROTES FELD: Rechtschreibung (Fehlerauflistung, Korrekturen von Tippfehlern und Zeichensetzung).
- 🟢 GRÜNES FELD: Grammatik (Analyse von Satzbau, Zeiten, Fällen und konkrete Verbesserungsvorschläge).
- 🔵 BLAUES FELD: Stil & Ausdruck (Vorschläge für bessere Wortwahl, Lesefluss, Vermeidung von Wortwiederholungen).
3. INTEGRIERTES BEWERTUNGSSYSTEM
Die App muss ein automatisches Bewertungssystem enthalten, das dem eingegebenen Text Noten gibt:
- Eine Skala von 1 bis 10 für die Bereiche: Rechtschreibung, Grammatik und Stil.
- Ein automatisch generiertes Gesamt-Fazit (1-2 Sätze), wie der Text insgesamt wirkt.
4. AUSGABE DES OPTIMIERTEN TEXTES
- Ein finales Feld, das den komplett korrigierten und glattgezogenen Text anzeigt, inklusive eines "Kopieren"-Buttons für den Nutzer.
UNSER ERSTER SCHRITT:
Beantworte diesen Prompt noch nicht mit Code. Da ich diese App entwickeln möchte, erstelle mir als ersten Schritt einen strukturierten Fahrplan (Konzept):
1. Welche Tech-Stack-Kombination empfiehlst du für diese App? (z. B. für Web oder Mobile? Welche KI-API für die Textanalyse?)
2. Wie sollte das UI/UX-Layout grob aussehen, damit die farbigen Felder optimal zur Geltung kommen?
Gib mir eine übersichtliche Struktur für den Entwicklungsstart.
Um einen KI-Korrekturassistenten zu entwickeln, nutze ich den Gemini-Chat und die Canvas-Funktion. Der Prompt wurde im Vorfeld mit dem Sprachmodell Gemini formuliert und anschließend per Copy & Paste in ein neues Chatfenster eingefügt. Über das Plus-Symbol muss „Canvas“ aktiviert sein. Im Anschluss generiert Gemini einen Konzept- und Entwicklungsfahrplan, den ich mir anschaue und mit dem Prompt „Ja“ bestätige.
Nachdem ich den Programmiervorgang bestätigt habe, wird die App programmiert und ist nach wenigen Minuten fertiggestellt. Gemini hat für die Anwendung die Bezeichnung „LinguoKorrekt“ festgelegt. Der Titel wird ganz oben im Fenster angezeigt und darunter erscheint eine Kurzbeschreibung.
Die App verfügt über ein Feld für den Ausgangstext, in das ich einen Beitrag einfügen kann. Mit einem Klick auf den Button „Text analysieren“ startet der KI-gestützte Korrekturvorgang. Den beispielhaften Text hatte ich im Vorfeld ebenfalls über Gemini schreiben lassen, mit dem Hinweis, dass er einige Fehler enthalten soll.
Beispieltext mit Fehlern (über Gemini generiert):
Die Nutzung von künstlicher Intelligenz in der Wissenschaft führt zu einer grundlegenden Veränderung, wie Forschungsergebnisse gewonnen und ausgewertet werden. Während Befürworter argumentieren das computergestützte Verfahren die Effizienz erheblich steigern, weisen Kritiker auf die Gefahr von Fehlinterpretationen hin, wenn die zugrundeliegenden Daten fehlerhaft sind. Zudem bleibt völlig unklar inwiefern diese Systeme in der Lage sind, eigenständige wissenschaftliche Schlussfolgerungen zu ziehen, oder ob sie lediglich bestehende Informationen neu anordnen.
Aus Sicht der Forschungspraxis bietet der Einsatz solcher Technologien dennoch große Vorteile, vor allem bei der Verarbeitung von Datenmengen, die für den menschlichen Verstand zu komplex sind. Es ist daher zwingend erforderlich, das Wissenschaftler die Ergebnisse der Systeme stets kritisch überprüfen um die wissenschaftliche Qualität zu sichern. Letztenendes erfordert dieser Wandel eine enge Zusammenarbeit verschiedener Fachbereiche, um das Potenzial der neuen Techniken vollständig und sicher auszuschöpfen.Im Anschluss wird der Text auf Rechtschreib- & Grammatikfehler und hinsichtlich des Stils & Ausdrucks korrigiert. Der Prompt wurde so formuliert, dass sich die drei Felder farblich voneinander abheben. Da Rechtschreibfehler wohl als die „grobsten“ Fehler anzusehen sind, wird dieses Feld mit der Signalfarbe Rot hervorgehoben. Im Beispiel wurde „Letztenendes“ als Fehler entdeckt und mit „Letztlich“ ein geeigneter Verbesserungsvorschlag präsentiert.
Unten links wird zusätzlich ein Bewertungs-Dashboard angezeigt, das für jeden Korrekturbereich eine maximale Punktzahl von 10 vergibt. Für den Beispieltext hat Gemini eine Bewertung von 9/7/9 abgegeben. Rechts daneben wird der optimierte Text präsentiert, den ich oben rechts über den Button „Kopieren“ in die Zwischenablage kopieren kann.
Da mir an dieser Stelle aufgefallen ist, dass ich die App gerne mit einem übersichtlichen Vorher-Nachher-Vergleich zwischen ursprünglichem und optimiertem Text nutzen möchte, teile ich dies auf der linken Seite im Chat über einem Folgeprompt mit. Dieser wird direkt umgesetzt. Anschließend ist die zweite Version von „LinguoKorrekt“ veröffentlicht.
FOLGEPROMPT: Nun füge unten links einen großen Button mit Text „Vergleich" ein. klicke ich auf diesen Button, wird der ursprünglichen Text mit dem optimierten Text verglichen. ich kann über farbliche Markierungen direkt erkennen, was korrigiert wurde.Unter dem Feld „Text analysieren“ wird nun der hinzugefügte Button „Vergleich anzeigen“ dargestellt. Solche Anpassungen sind klassische Merkmale des „Vibe Codings“. Es kann sein, dass im Gemini-Chat oder anderen KI-Umgebungen eine Anwendung beim ersten Anlauf nicht optimal entwickelt wurde oder ich als Entwickler womöglich vergessen habe, eine sehr sinnvolle Funktion im Prompt klar zu beschreiben. In diesem Beispiel trifft Letzteres zu. 😉
Klicke ich auf den Button „Vergleich anzeigen“, ist dank farbiger Markierungen sehr übersichtlich erkennbar, welche Korrekturen vorgenommen wurden. Rot und durchgestrichen bedeutet, dass die Passagen entfernt werden. Bei grün und unterstrichen hat Gemini „Neu optimiert / korrigiert“.
Hier zeigen sich große Vorteile von programmierten Apps im Vergleich zu reinem Textoutput in einem klassischen Chat. Mir persönlich gefallen solche Visualisierungen, da sie nicht selten eine (erhebliche) Zeitersparnis bedeuten. Viel Erfolg!
Autor
