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

feat: add layout archetype and typography 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 00:37:30 +02:00
parent 3e7ab96567
commit e3bd562d4e
4 changed files with 39 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
.agents/skills/micro-layout-breakers/SKILL.md Normal file
View File

@@ -0,0 +1,10 @@
---
name: micro-layout-breakers
description: Verhindert visuelle Ermüdung (Scroll-Fatigue) durch das gezielte Einstreuen von Rhythmusbrechern innerhalb einer einzelnen Seite.
---
# Micro Layout Breakers Guidelines
* **Der Text-Slam:** Nach einer bildreichen Sektion folgt eine reine, riesige Text-Sektion (z.B. ein dreizeiliges Kundenversprechen in 4xl-Schriftgröße), die 100% der Bildschirmbreite einnimmt und maximalen Kontrast erzeugt.
* **Das "Infinite Ribbon":** Einbindung von unendlichen, leicht schräg gestellten Text-Ticker-Bändern (CSS-Marquees), die flüssig durch das Layout laufen und starre Sektionsgrenzen physisch durchbrechen.
* **Element-Überlappung (Negative Margins):** Bilder oder Bento-Cards ragen aus ihrer eigentlichen Sektion heraus und rücken bis zu 50px in die obere oder untere Sektion vor (`-mt-12`), um starre Trennlinien zu eliminieren.