Responsive Design

Die frontend-design Skill unterstützt Sie dabei, visuell markante, produktionsreife Frontend-Oberflächen mit starkem Fokus auf Designqualität, kreative Leitung und Barrierefreiheit zu erstellen. Ideal für Webkomponenten, Seiten und Anwendungen, die generische KI-Ästhetik vermeiden.

Erstellen Sie markante, produktionsreife Frontend-Oberflächen mit hoher Designqualität. Erzeugt kreative, ausgefeilte Codes, die generische KI-Ästhetik vermeiden. Verwenden Sie diese Skill, wenn der Nutzer Webkomponenten, Seiten, Artefakte, Poster oder Anwendungen bauen möchte oder wenn eine Design-Skill Projektkontext benötigt.

Führen Sie technische Qualitätsprüfungen in den Bereichen Barrierefreiheit, Performance, Theming, Responsive Design und Anti-Patterns durch. Erstellt einen bewerteten Bericht mit Schweregraden von P0 bis P3 und einem umsetzbaren Plan. Verwenden Sie die Skill, wenn Sie eine Barrierefreiheitsprüfung, Performance-Audit oder technische Qualitätsbewertung wünschen.

Adapt passt Designs für verschiedene Bildschirmgrößen, Geräte und Nutzungskontexte an – mit Breakpoints, flüssigen Layouts und Touch-Zielen. Unverzichtbar für responsive Frontend-Entwicklung.

Die Adapt Skill unterstützt Frontend-Entwickler und UI-Designer dabei, Designs für verschiedene Geräte, Bildschirmgrößen und Nutzungskontexte anzupassen. Sie führt Sie durch Breakpoints, flexible Layouts und Touch-Ziele für responsive, geräteübergreifende Benutzeroberflächen.

Führen Sie technische Qualitätsprüfungen in den Bereichen Barrierefreiheit, Performance, Theming, Responsive Design und Anti-Patterns durch. Erzeugt einen bewerteten Bericht mit Schweregraden und umsetzbaren Empfehlungen. Ideal für Frontend-Entwickler, die Code-Level-Audits für Barrierefreiheit und Performance suchen.