HTML-Webseiten-Review-System
Teamarbeit, null Konfiguration, KI-gestützt
Beschreibung
Empfohlen von
Nico@YouMind
Warum wir diese Fähigkeit empfehlen
Dieses Skill verwandelt jede Webseite in ein vollwertiges Team-Review-System mit KI-Vorschlägen und Null-Setup-Erkennung, sodass Zusammenarbeit und Iteration unübertroffen effizient werden.
Was ist das? Fügen Sie jeder HTML-Webseite und HTML-basierten Präsentation (PPT) ein vollständiges Team-Review-System hinzu, das kollaborative Annotationen, KI-gestützte Vorschläge, Datenpersistenz und Export unterstützt. Kernfunktionen - Nullkonfigurationsstart: Automatische Erkennung aller bewertbaren Elemente (Webinhalte, PPT-Folien, Seiteninteraktionen, UX-Animationen) in 30 Sekunden. - Zwei Szenarien: - Web-Review: Landingpages, Marketingseiten, Produktseiten, Unternehmenswebsites - PPT-Review: HTML-Präsentationen, Online-Folien, Produkteinführungen, Kursunterlagen - Teamarbeit: 5 vordefinierte Rollen (Produkt, Design, Frontend, Redaktion, Betrieb) mit farbiger Kennzeichnung. - KI-gestützte Vorschläge: Automatische Generierung von Verbesserungsvorschlägen und zugehörigen Attributen basierend auf Kommentaren. - Datenverlustfrei: Automatische Speicherung in IndexedDB, kein Verlust bei Aktualisierung. - Import/Export: Export im JSON-Format, ermöglicht mehrfache Iterationen. - Strukturierte Daten: Export enthält vollständige Metadaten, die von KI direkt verarbeitet werden können. Anwendungsfälle - Webprojekte: Team-Review von Landingpages, Marketingseiten, Produktseiten - HTML-Präsentationen: Review von Inhalten und Interaktionen bei Produkteinführungen, Online-Kursen, Marketingpräsentationen - Seiteninteraktionsoptimierung: Review von Folienübergängen, Animationen, UX-Erlebnis - Kompatibel mit gängigen Tools: reveal.js, Slides.com, Google Slides exportierte HTML Technische Merkmale - Tastaturkürzel: Ctrl+E für Review-Start, Ctrl+S für Export, Ctrl+I für Import - Intelligente Regel-Engine: Automatische Empfehlung von Verbesserungen - Versionsverfolgung: Unterstützt mehrfache Iterationen - Sicher und zuverlässig: Lokale Speicherung, keine Datenübertragung
Ähnliche Fähigkeiten
Alle anzeigen
HTML-Slides erstellen
Verwandeln Sie Ihre Ideen, Materialien oder Skripte mühelos in professionelle HTML-Slides, die speziell für Screencasts und Pitch-Präsentationen entwickelt wurden. Egal, ob Sie KI-Technologie teilen, Produkte pitchen, Kurse demonstrieren oder Geschäftsberichte präsentieren möchten – dieses Tool hilft Ihnen, schnell eine optisch ansprechende und strukturierte Web-Slide-Präsentation zu erstellen. Es baut automatisch eine vollständige Präsentationsstruktur auf, einschließlich eines fesselnden Einstiegs („Hook“) in den ersten 5 Sekunden, Titeln und Inhalten auf jeder Folie sowie Vorschlägen zum visuellen Design. Sie erhalten eine eigenständige `index.html`-Datei mit HTML, CSS und JavaScript, die Tastaturnavigation, Schaltflächennavigation, Fortschrittsbalken, Seitennummern und Animationen unterstützt – optimal für 16:9-Querformat-Screencasts. Vom KI-Technologie-Blau-Weiß-Stil bis zum dunklen Cyberpunk-Look, vom Apple-Keynote-Stil bis zum minimalistischen Notion-Design: Sie können das visuelle Erscheinungsbild Ihrer Slides je nach Thema auswählen oder anpassen. Jeder Inhalt ist sorgfältig gestaltet, um fokussiert und verständlich zu bleiben, mit einer sicheren Zone unten rechts für kurze Video-Erklärungen – für eine ausdrucksstärkere und professionellere Präsentation.
WebseiteWebseiten-Qualitätsbewertung
Dieser Skill bietet professionelle Bewertung und Optimierung von Webseiteninhalten. Egal, ob Sie Webdesigner, Entwickler oder Content-Ersteller sind, können Sie mit diesem Tool Ihre eigenen oder fremde Webseiten tiefgehend analysieren und umsetzbare Verbesserungsvorschläge erhalten. Der Skill bewertet umfassend die Designqualität, Originalität, handwerkliche Details und Funktionalität von Webseiten. Er bewertet detailliert Aspekte wie Farbkombinationen, Layout, visuelles Thema, Interaktionseffekte und responsives Design und erkennt potenzielle KI-generierte Spuren oder vorlagenbasierte Designs. Nach der Bewertung erhalten Sie einen detaillierten Bericht mit spezifischen Stärken, Problemen, Verbesserungsvorschlägen und sogar Hinweisen zur Codeänderung in CSS, HTML und JavaScript. Nach der Erstellung des Bewertungsberichts können Sie wählen, ob die KI die Webseite sofort entsprechend den Empfehlungen optimieren soll. Der Optimierungsprozess folgt der Prioritätsreihenfolge von Designqualität, Originalität, handwerklicher Details und Funktionalität. Am Ende erhalten Sie einen Optimierungsbericht, der die Bewertungswerte vor und nach der Optimierung sowie die wichtigsten Verbesserungen klar zeigt.
WebseiteKursinhalte online in Sekunden
Verwandeln Sie Ihre Kursmaterialien in eine anzeigbare Website. Ob Sie Markdown-Notizen, eine PDF-Abhandlung, eine PPT-Präsentation, einen reinen Textvortrag oder sogar einen Link zu einem öffentlichen Kanal haben – „Inhalte verwandeln“ wandelt alles automatisch in eine klar strukturierte, optisch ansprechende Online-Kurspräsentations-Webseite um. Sie müssen keine Zeile Code schreiben, sondern nur den Inhalt bereitstellen. Zwei Präsentationsstile: Kurs- und Schulungsinhalte → Erzeugt eine scrollbare lange Seite, wie das Blättern in einem Buch Abhandlungen und Berichte → Erzeugt eine PPT-ähnliche Seitenwechsel-Website, wie das Durchblättern einer Präsentation Responsive Anpassung für Mobilgeräte und Computer. Was Sie tun müssen: Nur ein Schritt: Geben Sie Ihre Kursinhalte an. Unterstützte Formate: .md Markdown-Datei .pdf PDF-Dokument .pptx PPT-Präsentation .txt Reiner Text Sie können auch den Kurstext direkt im Gespräch einfügen. Beispielbefehle: „Hilf mir, diese Kursunterlagen in eine Webseite zu verwandeln.“ „Mach aus dieser PDF-Abhandlung eine Website im PPT-Stil.“ „Das ist mein Kursmaterial, erstelle eine Online-Präsentationsseite.“ Was Sie erhalten: Eine direkt zugängliche Online-Kurspräsentations-Webseite, der Präsentationsmodus wird automatisch erkannt. Ihr Inhalt wählt automatisch den effektvollen Modus: - Kursübersicht, Schulungsunterlagen, Lehrmaterial → Scrollbare lange Seite, Module nahtlos verbunden, scrollen zum Lesen - Wissenschaftliche Abhandlungen, Forschungsberichte → PPT-ähnliche Folien, jede Folie konzentriert sich auf einen Punkt - Vorträge, Konferenzberichte → PPT-ähnliche schrittweise Anzeige, unterstützt Tastatur-/Klicknavigation - Wenn Sie explizit „Scrollen“ oder „PPT“ anfordern → Respektiert Ihre Benutzerabsicht Fähigkeit zur Informationsverdichtung: Bei informationsdichten Abhandlungen und langen Texten führt die Fähigkeit automatisch Folgendes durch: Strukturzerlegung – Unterteilt kontinuierliche Ausführungen in unabhängige Kapitel/Folien Informationsverdichtung – Fasst 3 Absätze zu 3 Kernpunkten zusammen, jeder Punkt innerhalb von 20 Zeichen These zuerst – Jede Seite gibt zuerst die Schlussfolgerung, dann die unterstützenden Argumente Rahmenvisualisierung – Modelle und Klassifikationssysteme werden in Diagrammen dargestellt, nicht in reinem Text Datenexternalisierung – Wichtige Zahlen und Indikatoren werden auf separaten Seiten hervorgehoben Nachträgliche Änderungen: Nach der Erstellung der Website können Sie jederzeit Anpassungen anfordern: „Aktualisieren Sie den Inhalt von Modul 3.“ „Ändern Sie das Farbschema in warme Töne.“ „Fügen Sie eine Kursübersicht hinzu.“ „Wandeln Sie dieses Modul in ein Zeitleistenlayout um.“ Änderungen betreffen nur den entsprechenden Teil, die gesamte Website muss nicht neu erstellt werden. Was nicht gemacht wird: Diese Fähigkeit konzentriert sich derzeit auf die Präsentation von Kursinhalten und enthält keine LMS-Funktionen (Online-Lernplattform): Benutzeranmeldung/-registrierung Lernfortschrittverfolgung Dateidownload Online-Quiz/Übungen Falls diese Funktionen benötigt werden, handelt es sich um eine separate Erweiterung.
HTML-Webseiten-Review-System
Teamarbeit, null Konfiguration, KI-gestützt
Beschreibung
Empfohlen von
Nico@YouMind
Warum wir diese Fähigkeit empfehlen
Dieses Skill verwandelt jede Webseite in ein vollwertiges Team-Review-System mit KI-Vorschlägen und Null-Setup-Erkennung, sodass Zusammenarbeit und Iteration unübertroffen effizient werden.
Was ist das? Fügen Sie jeder HTML-Webseite und HTML-basierten Präsentation (PPT) ein vollständiges Team-Review-System hinzu, das kollaborative Annotationen, KI-gestützte Vorschläge, Datenpersistenz und Export unterstützt. Kernfunktionen - Nullkonfigurationsstart: Automatische Erkennung aller bewertbaren Elemente (Webinhalte, PPT-Folien, Seiteninteraktionen, UX-Animationen) in 30 Sekunden. - Zwei Szenarien: - Web-Review: Landingpages, Marketingseiten, Produktseiten, Unternehmenswebsites - PPT-Review: HTML-Präsentationen, Online-Folien, Produkteinführungen, Kursunterlagen - Teamarbeit: 5 vordefinierte Rollen (Produkt, Design, Frontend, Redaktion, Betrieb) mit farbiger Kennzeichnung. - KI-gestützte Vorschläge: Automatische Generierung von Verbesserungsvorschlägen und zugehörigen Attributen basierend auf Kommentaren. - Datenverlustfrei: Automatische Speicherung in IndexedDB, kein Verlust bei Aktualisierung. - Import/Export: Export im JSON-Format, ermöglicht mehrfache Iterationen. - Strukturierte Daten: Export enthält vollständige Metadaten, die von KI direkt verarbeitet werden können. Anwendungsfälle - Webprojekte: Team-Review von Landingpages, Marketingseiten, Produktseiten - HTML-Präsentationen: Review von Inhalten und Interaktionen bei Produkteinführungen, Online-Kursen, Marketingpräsentationen - Seiteninteraktionsoptimierung: Review von Folienübergängen, Animationen, UX-Erlebnis - Kompatibel mit gängigen Tools: reveal.js, Slides.com, Google Slides exportierte HTML Technische Merkmale - Tastaturkürzel: Ctrl+E für Review-Start, Ctrl+S für Export, Ctrl+I für Import - Intelligente Regel-Engine: Automatische Empfehlung von Verbesserungen - Versionsverfolgung: Unterstützt mehrfache Iterationen - Sicher und zuverlässig: Lokale Speicherung, keine Datenübertragung
Ähnliche Fähigkeiten
Alle anzeigenHTML-Slides erstellen
Verwandeln Sie Ihre Ideen, Materialien oder Skripte mühelos in professionelle HTML-Slides, die speziell für Screencasts und Pitch-Präsentationen entwickelt wurden. Egal, ob Sie KI-Technologie teilen, Produkte pitchen, Kurse demonstrieren oder Geschäftsberichte präsentieren möchten – dieses Tool hilft Ihnen, schnell eine optisch ansprechende und strukturierte Web-Slide-Präsentation zu erstellen. Es baut automatisch eine vollständige Präsentationsstruktur auf, einschließlich eines fesselnden Einstiegs („Hook“) in den ersten 5 Sekunden, Titeln und Inhalten auf jeder Folie sowie Vorschlägen zum visuellen Design. Sie erhalten eine eigenständige `index.html`-Datei mit HTML, CSS und JavaScript, die Tastaturnavigation, Schaltflächennavigation, Fortschrittsbalken, Seitennummern und Animationen unterstützt – optimal für 16:9-Querformat-Screencasts. Vom KI-Technologie-Blau-Weiß-Stil bis zum dunklen Cyberpunk-Look, vom Apple-Keynote-Stil bis zum minimalistischen Notion-Design: Sie können das visuelle Erscheinungsbild Ihrer Slides je nach Thema auswählen oder anpassen. Jeder Inhalt ist sorgfältig gestaltet, um fokussiert und verständlich zu bleiben, mit einer sicheren Zone unten rechts für kurze Video-Erklärungen – für eine ausdrucksstärkere und professionellere Präsentation.
WebseiteWebseiten-Qualitätsbewertung
Dieser Skill bietet professionelle Bewertung und Optimierung von Webseiteninhalten. Egal, ob Sie Webdesigner, Entwickler oder Content-Ersteller sind, können Sie mit diesem Tool Ihre eigenen oder fremde Webseiten tiefgehend analysieren und umsetzbare Verbesserungsvorschläge erhalten. Der Skill bewertet umfassend die Designqualität, Originalität, handwerkliche Details und Funktionalität von Webseiten. Er bewertet detailliert Aspekte wie Farbkombinationen, Layout, visuelles Thema, Interaktionseffekte und responsives Design und erkennt potenzielle KI-generierte Spuren oder vorlagenbasierte Designs. Nach der Bewertung erhalten Sie einen detaillierten Bericht mit spezifischen Stärken, Problemen, Verbesserungsvorschlägen und sogar Hinweisen zur Codeänderung in CSS, HTML und JavaScript. Nach der Erstellung des Bewertungsberichts können Sie wählen, ob die KI die Webseite sofort entsprechend den Empfehlungen optimieren soll. Der Optimierungsprozess folgt der Prioritätsreihenfolge von Designqualität, Originalität, handwerklicher Details und Funktionalität. Am Ende erhalten Sie einen Optimierungsbericht, der die Bewertungswerte vor und nach der Optimierung sowie die wichtigsten Verbesserungen klar zeigt.
WebseiteKursinhalte online in Sekunden
Verwandeln Sie Ihre Kursmaterialien in eine anzeigbare Website. Ob Sie Markdown-Notizen, eine PDF-Abhandlung, eine PPT-Präsentation, einen reinen Textvortrag oder sogar einen Link zu einem öffentlichen Kanal haben – „Inhalte verwandeln“ wandelt alles automatisch in eine klar strukturierte, optisch ansprechende Online-Kurspräsentations-Webseite um. Sie müssen keine Zeile Code schreiben, sondern nur den Inhalt bereitstellen. Zwei Präsentationsstile: Kurs- und Schulungsinhalte → Erzeugt eine scrollbare lange Seite, wie das Blättern in einem Buch Abhandlungen und Berichte → Erzeugt eine PPT-ähnliche Seitenwechsel-Website, wie das Durchblättern einer Präsentation Responsive Anpassung für Mobilgeräte und Computer. Was Sie tun müssen: Nur ein Schritt: Geben Sie Ihre Kursinhalte an. Unterstützte Formate: .md Markdown-Datei .pdf PDF-Dokument .pptx PPT-Präsentation .txt Reiner Text Sie können auch den Kurstext direkt im Gespräch einfügen. Beispielbefehle: „Hilf mir, diese Kursunterlagen in eine Webseite zu verwandeln.“ „Mach aus dieser PDF-Abhandlung eine Website im PPT-Stil.“ „Das ist mein Kursmaterial, erstelle eine Online-Präsentationsseite.“ Was Sie erhalten: Eine direkt zugängliche Online-Kurspräsentations-Webseite, der Präsentationsmodus wird automatisch erkannt. Ihr Inhalt wählt automatisch den effektvollen Modus: - Kursübersicht, Schulungsunterlagen, Lehrmaterial → Scrollbare lange Seite, Module nahtlos verbunden, scrollen zum Lesen - Wissenschaftliche Abhandlungen, Forschungsberichte → PPT-ähnliche Folien, jede Folie konzentriert sich auf einen Punkt - Vorträge, Konferenzberichte → PPT-ähnliche schrittweise Anzeige, unterstützt Tastatur-/Klicknavigation - Wenn Sie explizit „Scrollen“ oder „PPT“ anfordern → Respektiert Ihre Benutzerabsicht Fähigkeit zur Informationsverdichtung: Bei informationsdichten Abhandlungen und langen Texten führt die Fähigkeit automatisch Folgendes durch: Strukturzerlegung – Unterteilt kontinuierliche Ausführungen in unabhängige Kapitel/Folien Informationsverdichtung – Fasst 3 Absätze zu 3 Kernpunkten zusammen, jeder Punkt innerhalb von 20 Zeichen These zuerst – Jede Seite gibt zuerst die Schlussfolgerung, dann die unterstützenden Argumente Rahmenvisualisierung – Modelle und Klassifikationssysteme werden in Diagrammen dargestellt, nicht in reinem Text Datenexternalisierung – Wichtige Zahlen und Indikatoren werden auf separaten Seiten hervorgehoben Nachträgliche Änderungen: Nach der Erstellung der Website können Sie jederzeit Anpassungen anfordern: „Aktualisieren Sie den Inhalt von Modul 3.“ „Ändern Sie das Farbschema in warme Töne.“ „Fügen Sie eine Kursübersicht hinzu.“ „Wandeln Sie dieses Modul in ein Zeitleistenlayout um.“ Änderungen betreffen nur den entsprechenden Teil, die gesamte Website muss nicht neu erstellt werden. Was nicht gemacht wird: Diese Fähigkeit konzentriert sich derzeit auf die Präsentation von Kursinhalten und enthält keine LMS-Funktionen (Online-Lernplattform): Benutzeranmeldung/-registrierung Lernfortschrittverfolgung Dateidownload Online-Quiz/Übungen Falls diese Funktionen benötigt werden, handelt es sich um eine separate Erweiterung.
Finde deine nächste Lieblingsfähigkeit
Entdecke weitere kuratierte KI-Fähigkeiten für Recherche, Kreativität und den Arbeitsalltag.