Structural Grid (Excluded Grid/Rail Layout) — система дизайна для современных целевых страниц SaaS. Используйте при создании маркетинговых сайтов, целевых страниц или страниц продуктов SaaS в темной тематике, вдохновленных Linear, Vercel, Resend и Planetscale. Предоставляет основы CSS, шаблоны разделов, рецепты компонентов и адаптивную логику границ для эстетики видимой сетки.
Быстро установите AI-навык structural-grid в вашу среду разработки через командную строку
Источник: 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.
Structural Grid (Excluded Grid/Rail Layout) — система дизайна для современных целевых страниц SaaS. Используйте при создании маркетинговых сайтов, целевых страниц или страниц продуктов SaaS в темной тематике, вдохновленных Linear, Vercel, Resend и Planetscale. Предоставляет основы CSS, шаблоны разделов, рецепты компонентов и адаптивную логику границ для эстетики видимой сетки. Источник: nabinkhair42/structural-grid-skill.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/nabinkhair42/structural-grid-skill --skill structural-gridStructural Grid (Excluded Grid/Rail Layout) — система дизайна для современных целевых страниц SaaS. Используйте при создании маркетинговых сайтов, целевых страниц или страниц продуктов SaaS в темной тематике, вдохновленных Linear, Vercel, Resend и Planetscale. Предоставляет основы CSS, шаблоны разделов, рецепты компонентов и адаптивную логику границ для эстетики видимой сетки. Источник: nabinkhair42/structural-grid-skill.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/nabinkhair42/structural-grid-skill --skill structural-grid После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/nabinkhair42/structural-grid-skill