Daniel/ndsolutionswebsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add performance, conversion and accessibility skills
All checks were successful
Production Build & Deploy / build-and-deploy (push) Successful in 25s
Details

Browse Source
This commit is contained in:
DanielS
2026-07-07 01:00:21 +02:00
parent ec42fbe520
commit 1c185f4121
5 changed files with 51 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
.agents/skills/adaptive-responsive-fluidity/SKILL.md Normal file
View File

@@ -0,0 +1,10 @@
---
name: adaptive-responsive-fluidity
description: Garantiere makellose, flüssige Layouts auf allen erdenkbaren Bildschirmgrößen (von der Smartwatch bis zum 4K-Monitor) ohne Layout-Shifts.
---
# Adaptive Responsive Fluidity Guidelines
* **Fluid Typography & Spacing:** Konsequente Nutzung von Tailwinds modernen Funktionen oder CSS-Funktionen wie `clamp()`, `calc()` und relativen Einheiten (`rem`, `vw`), damit Schriften und Abstände stufenlos mit der Bildschirmgröße mitatmen.
* **Mobile Daumenzone:** Platzierung aller kritischen Interaktionselemente (Menüs, primäre CTAs) im unteren und mittleren Drittel des Smartphones.
* **Flex- & Grid-Sicherungen:** Jedes Grid muss mit `minmax()` oder intelligenten Autofit-Klassen abgesichert sein, um Textüberlappungen oder abgeschnittene Bilder bei ungewöhnlichen Display-Ratios zu verhindern.