elite-layouts
Moderne CSS-Layoutmuster für erstklassige Weberlebnisse. Verwenden Sie diese Option, wenn Sie gefragt werden: Bento-Raster, horizontale Bildlaufabschnitte, Sticky-/Parallax-Layouts, Containerabfragen, CSS-Raster, asymmetrische Layouts, Magazin-Layouts, responsive Rastersysteme, Scroll-Snap oder Layout- und Animationsintegration.
Installation
SKILL.md
| Bento Grids | bento-grids.md | | Horizontal Scroll | horizontal-scroll.md | | Sticky & Parallax | sticky-parallax.md | | Container Queries | container-queries.md |
| Portfolio | Bento + Horizontal | Feature work, case studies | | E-commerce | Container queries | Product grids, responsive cards | | Landing page | Sticky parallax | Hero → Features → CTA flow | | Dashboard | Bento + Container | Resizable panels, widgets | | Blog/Magazine | Asymmetric grid | Editorial feel, visual hierarchy |
| Agency | Horizontal + Bento | Immersive, exploratory |
Moderne CSS-Layoutmuster für erstklassige Weberlebnisse. Verwenden Sie diese Option, wenn Sie gefragt werden: Bento-Raster, horizontale Bildlaufabschnitte, Sticky-/Parallax-Layouts, Containerabfragen, CSS-Raster, asymmetrische Layouts, Magazin-Layouts, responsive Rastersysteme, Scroll-Snap oder Layout- und Animationsintegration. Quelle: rshvr/elite-web-design.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/rshvr/elite-web-design --skill elite-layouts- Quelle
- rshvr/elite-web-design
- Kategorie
- </>Entwicklung
- Verifiziert
- —
- Erstes Auftreten
- 2026-02-11
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist elite-layouts?
Moderne CSS-Layoutmuster für erstklassige Weberlebnisse. Verwenden Sie diese Option, wenn Sie gefragt werden: Bento-Raster, horizontale Bildlaufabschnitte, Sticky-/Parallax-Layouts, Containerabfragen, CSS-Raster, asymmetrische Layouts, Magazin-Layouts, responsive Rastersysteme, Scroll-Snap oder Layout- und Animationsintegration. Quelle: rshvr/elite-web-design.
Wie installiere ich elite-layouts?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/rshvr/elite-web-design --skill elite-layouts Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/rshvr/elite-web-design
Details
- Kategorie
- </>Entwicklung
- Quelle
- user
- Erstes Auftreten
- 2026-02-11