Helps you design list layouts for blogs, documentation, search results, and other text-heavy content where users scan by title. Covers when to use lists versus grids (text versus visual, compact versus spacious), list structure and variants (simple title links up to rich lists with excerpts and metadata), and F-pattern reading behavior. Includes guidance on infinite scroll SEO pitfalls, which is more useful than you'd expect since many developers ship blog indexes that crawlers can't read. The comparison tables are practical, especially the "use list when" versus "use grid when" breakdown. If you're building any kind of content index or search results page, this will save you from reinventing basic patterns.
- skills.sh installs
- 1.1K
- GitHub stars
- 1.1K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add kostja94/marketing-skills --skill list --agent claude-codeInstalls into .claude/skills of the current project.
Files
List construction has moved
List construction is now maintained in the List 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 List. 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, Documentation, Automation & Workflows, Marketing & SEO, Design & UI/UX
- First seen
- May 16, 2026
More from kostja94/marketing-skills
All 172- Template Page Generator1.1K
- Brand Monitoring1.1K
- Ctv Ads1.1K
- Migration Page Generator1.1K
- Press Coverage Page Generator1K
- Tab Accordion1K
- Public Relations1K
- Signup Login Page Generator1K
- Open Source Strategy1K
- Education Program1K
- Rendering Strategies1K
- Api Page Generator851
- Pricing Strategy839
- Discount Marketing Strategy814
- Domain Selection790
- Domain Architecture786
- Multi Domain Brand Seo779
- Comparison Table Generator765
- Howto Section Generator763
- Copywriting4K
- Youtube Seo3.7K
- Linkedin Posts3.7K
- Video Marketing3.2K
- Tiktok Captions2.9K
Recommended
More Frontend Development
plotlydavila7/claude-code-templatesInteractive scientific and statistical data visualization library for Python. Use when creating charts, plots, or visualizations including scatter plots, line c1.1Kskills.sh installs
da-authadobe/skillsUse this when another step needs to call the admin.da.live API, for example before pushing HTML content, listing documents, or triggering a DA preview, and you 1.1Kskills.sh installs
email-designinference-sh/skillsEmail marketing design with layout patterns, subject line formulas, and deliverability rules. Covers welcome sequences, promotional emails, transactional templa1Kskills.sh installs
compose-recomposition-performancechrisbanes/skillsUse when investigating Jetpack Compose recomposition performance, skippable/restartable composables, composables.txt or compiler reports, Layout Inspector recom1Kskills.sh installs
langchainorchestra-research/ai-research-skillsFramework for building LLM-powered applications with agents, chains, and RAG. Supports multiple providers (OpenAI, Anthropic, Google), 500+ integrations, ReAct 1Kskills.sh installs
skyline-wxsswechat-miniprogram/skyline-skillsSkyline WXSS 样式支持技能。提供 Skyline 支持的 CSS 属性、值和限制信息。触发关键词：WXSS、CSS 支持、样式兼容性、属性支持、不支持的属性、display grid、position sticky、overflow、filter、渐变、gradient、linear-gradient、ra999skills.sh installs