Handles grid layout design for product catalogs, template galleries, feature showcases, and anything else where you need equal-emphasis, multi-column display. The skill knows when to use CSS Grid's auto-fill versus auto-fit, guides responsive breakpoints from single column mobile to 3-4 column desktop, and covers gap consistency and layout shift prevention. It also distinguishes grid from list layouts (visual browsing versus text scanning) and flags infinite scroll SEO issues with a pointer to paginated alternatives. Solid reference if you're building any kind of browsing interface where items compete equally for attention rather than following a ranked hierarchy.
- skills.sh installs
- 1.1K
- GitHub stars
- 1.1K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add kostja94/marketing-skills --skill grid --agent claude-codeInstalls into .claude/skills of the current project.
Files
Grid construction has moved
Grid construction is now maintained in the Grid reference in Bricks, the component layer for AI agents.
npx skills add kostja94/bricks --skill component-builder
Ask the agent to use component-builder to build a new Grid. This compatibility entry contains no component rules and is no longer maintained.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/kostja94/marketing-skills
- Categories
- Frontend Development, Marketing & SEO, Design & UI/UX
- First seen
- May 16, 2026
More from kostja94/marketing-skills
All 172- Social Share Generator1.1K
- Employee Generated Content1.1K
- Sidebar Generator1.1K
- Customer Stories Page Generator1.1K
- Docs Page Generator1.1K
- Features Page Generator1.1K
- Referral Program1.1K
- Showcase Page Generator1.1K
- Popup Generator1.1K
- Contest Page Generator1.1K
- Use Cases Page Generator1.1K
- Services Page Generator1.1K
- Video Optimization1.1K
- Native Ads1.1K
- Glossary Page Generator1.1K
- Disclosure Page Generator1.1K
- Tools Page Generator1.1K
- Changelog Page Generator1.1K
- Careers Page Generator1.1K
- Download Page Generator1.1K
- Integrations Page Generator1.1K
- Toc Generator1.1K
- Directory Listing Ads1.1K
- Feedback Page Generator1.1K
Recommended
More Frontend Development
javascript-sdkinference-sh/skillsJavaScript/TypeScript SDK for inference.sh - run AI apps, build agents, integrate with all models. Package: @inferencesh/sdk (npm install). Full TypeScript supp1.1Kskills.sh installs
vuejs-typescript-best-practicesmindrally/skillsVue.js and TypeScript best practices for building performant applications with Vite, Pinia, VueUse, and Tailwind CSS.1.1Kskills.sh installschat-uiinference-sh/skillsChat UI building blocks for React/Next.js from ui.inference.sh. Components: container, messages, input, typing indicators, avatars. Capabilities: chat interface1.1Kskills.sh installs
render-props-patternpatternsdev/skillsTeaches the render props pattern for flexible component composition. Use when you need to share rendering logic between components by passing a function that re1.1Kskills.sh installs
playwrightsecondsky/claude-skillsBrowser automation and E2E testing with Playwright. Auto-detects dev servers, writes clean test scripts. Test pages, fill forms, take screenshots, check respons1.1Kskills.sh installswidgets-uiinference-sh/skillsDeclarative UI widgets from JSON for React/Next.js from ui.inference.sh. Render rich interactive UIs from structured agent responses. Capabilities: forms, butto1.1Kskills.sh installs