Sistema di progettazione a griglia strutturale (griglia esposta/layout ferroviario) per pagine di destinazione SaaS moderne. Da utilizzare quando si creano siti di marketing, pagine di destinazione o pagine di prodotti SaaS a tema scuro ispirati a Linear, Vercel, Resend e Planetscale. Fornisce basi CSS, modelli di sezione, ricette di componenti e logica dei bordi reattiva per l'estetica della griglia visibile.
Installa rapidamente la skill AI structural-grid nel tuo ambiente di sviluppo tramite riga di comando
Fonte: nabinkhair42/structural-grid-skill.
You are implementing a Structural Grid (also called "Exposed Grid" or "Rail Layout") design pattern. This is the modern SaaS design pattern used by Linear, Vercel, Resend, Profound, and Planetscale — where the underlying page grid is promoted to a first-class visual element.
Add these to your global CSS. All measurements derive from a single --rail-offset variable.
Always use overflow-x: clip on .page-rails, NEVER overflow-x: hidden. hidden creates a new scroll container which breaks position: sticky on any descendant. clip clips overflow visually without affecting scroll/sticky behavior.
Sistema di progettazione a griglia strutturale (griglia esposta/layout ferroviario) per pagine di destinazione SaaS moderne. Da utilizzare quando si creano siti di marketing, pagine di destinazione o pagine di prodotti SaaS a tema scuro ispirati a Linear, Vercel, Resend e Planetscale. Fornisce basi CSS, modelli di sezione, ricette di componenti e logica dei bordi reattiva per l'estetica della griglia visibile. Fonte: nabinkhair42/structural-grid-skill.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/nabinkhair42/structural-grid-skill --skill structural-gridSistema di progettazione a griglia strutturale (griglia esposta/layout ferroviario) per pagine di destinazione SaaS moderne. Da utilizzare quando si creano siti di marketing, pagine di destinazione o pagine di prodotti SaaS a tema scuro ispirati a Linear, Vercel, Resend e Planetscale. Fornisce basi CSS, modelli di sezione, ricette di componenti e logica dei bordi reattiva per l'estetica della griglia visibile. Fonte: nabinkhair42/structural-grid-skill.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/nabinkhair42/structural-grid-skill --skill structural-grid Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/nabinkhair42/structural-grid-skill