WEB::PROMPT_GEN 1.3_
// STATIC HTML · CSS · JS // CHECKLISTE + PROMPT-GENERATOR //
STACK: HTML/CSS/JS MODE: VOLLSTÄNDIG OUTPUT: NUMMERIERTE CHECKLISTE
[01] PROJEKT-BASIS
01
PROJEKT-IDENTITÄT
Name, Zweck, Zielgruppe
LEER
PROJEKTNAME *
DOMAIN / URL
WEBSEITEN-TYP *
KURZBESCHREIBUNG DES PROJEKTS *
ZIELGRUPPE
SPRACHEN DER SEITE
ZEITRAHMEN
BUDGET (OPTIONAL)
[02] HOSTING & DEPLOYMENT
02
SERVER & DEPLOYMENT
Hosting, CI/CD, Domains
LEER
HOSTING-ANBIETER
DEPLOYMENT-METHODE
// DEPLOYMENT-FEATURES
[03] FRONTEND & DESIGN
03
DESIGN-SYSTEM
Layout, Farben, Typografie
LEER
DESIGN-STIL
FARBPALETTE
SCHRIFTARTEN
DESIGN-REFERENZEN / INSPIRATIONEN
// LAYOUT-FEATURES
04
UX & ANIMATIONEN
Interaktion, Scroll, Transitions
LEER
// SCROLL & NAVIGATION
// ANIMATIONEN & EFFEKTE
// MODAL & OVERLAY
[05] FUNKTIONEN & KOMPONENTEN
05a
KONTAKTFORMULAR
E-Mail, DSGVO, Felder
LEER
// KONTAKTFORMULAR-KONFIGURATION
EMPFÄNGER-E-MAIL
SMTP-SERVER
GEWÜNSCHTE FELDER
// FORMULAR-FEATURES
05b
MEDIEN & PERFORMANCE
Bilder, Video, Lazy Loading
LEER
// BILD-OPTIMIERUNG
// VIDEO & AUDIO
05c
NAVIGATION & SUCHE
Menü, Breadcrumbs, Suchfunktion
LEER
05d
DSGVO & COOKIES
Cookie-Banner, Datenschutz, Consent
LEER
05e
AUTHENTIFIZIERUNG
Login, Benutzerbereich, Rollen
LEER
// AUTH-KONFIGURATION
[06] SEO & META
06
SEO-OPTIMIERUNG
Meta-Tags, Schema, Sitemap
LEER
PRIMÄRE KEYWORDS
META-DESCRIPTION (MUSTER)
// ON-PAGE SEO
[07] PERFORMANCE
07
PERFORMANCE-OPTIMIERUNG
Core Web Vitals, Caching, Minify
LEER
ZIEL-LIGHTHOUSE-SCORE
// LADE-PERFORMANCE
// CORE WEB VITALS ZIELE
[08] SECURITY
08
SICHERHEIT
Headers, XSS, CSRF, CSP
LEER
// HTTP-SECURITY-HEADERS
// ANGRIFFSVEKTOREN ABSICHERN
[09] ANALYTICS & TRACKING
09
ANALYTICS
Tracking, Monitoring, Fehlerlog
LEER
// ANALYTICS-KONFIGURATION
// MONITORING & FEHLERBEHANDLUNG
[10] BARRIEREFREIHEIT & QUALITÄT
10
ACCESSIBILITY & QA
WCAG, Testing, Validierung
LEER
// BARRIEREFREIHEIT (WCAG 2.1)
// TESTING & QUALITÄTSSICHERUNG
[11] KI-VERHALTENS-DIREKTIVEN
11
ARBEITSWEISE DER KI
Ton, Stil, Rückfragen, Verbote
LEER
ERFAHRUNGSLEVEL DES NUTZERS *
CODE-STIL
VERBOTE / WAS DIE KI NICHT TUN SOLL
// SCHNELLAUSWAHL: Kein jQuery Keine externen Frameworks ohne Rückfrage Immer Rückfragen bei Unklarheiten Kein Inline-CSS Keine deprecated HTML-Tags
BEVORZUGTE TOOLS / BIBLIOTHEKEN
// BEISPIELE: Vanilla JS — kein Framework GSAP für Animationen Alpine.js für Interaktionen Vite als Build-Tool Tailwind CSS
// OUTPUT: PROMPT_READY_