feat: add layout archetype and typography skills
All checks were successful
Production Build & Deploy / build-and-deploy (push) Successful in 25s

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

View File

@@ -0,0 +1,9 @@
---
name: viewport-axis-shifting
description: Steuert den Wechsel der Bewegungssymmetrie auf der Seite, um dem Nutzer ein interaktives Raumgefühl zu vermitteln.
---
# Viewport Axis Shifting Guidelines
* **Horizontal-Scroll-Inseln:** Integration von Sektionen (z.B. der Vorlagen-Katalog oder eine Projekt-Timeline), bei denen das vertikale Scrollen des Nutzers nahtlos in eine horizontale Schiebe-Bewegung übersetzt wird (via Tailwind `overflow-x-scroll scroll-smooth snap-x`).
* **Akkordeon-Stapel (Z-Achse):** Statt Listen untereinander anzuzeigen, stapeln sich Elemente wie ein Kartendeck übereinander. Beim Scrollen schiebt sich die nächste Karte über die vorherige (CSS `sticky top-28`).