feat: add layout archetype and typography skills
All checks were successful
Production Build & Deploy / build-and-deploy (push) Successful in 25s
All checks were successful
Production Build & Deploy / build-and-deploy (push) Successful in 25s
This commit is contained in:
9
.agents/skills/viewport-axis-shifting/SKILL.md
Normal file
9
.agents/skills/viewport-axis-shifting/SKILL.md
Normal 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`).
|
||||
Reference in New Issue
Block a user