footer-generator

Solid

When the user wants to design, optimize, or audit website footers. Also use when the user mentions "footer," "page footer," "site footer," "footer links," "footer navigation," "footer SEO," "footer design," "footer CTA," "multi-column footer," or "footer sitemap." For main nav, use navigation-menu-generator.

Web & Frontend 562 stars 84 forks Updated today MIT

Install

Quality Score: 94/100

Stars 20%

92

Recency 20%

100

Frontmatter 20%

70

Documentation 15%

100

Issue Health 10%

50

License 10%

100

Description 5%

100

Skill Content

# Components: Footer Guides footer design for SEO, UX, and conversion. Footers provide secondary navigation, support crawlability, and engage users below the fold (66% of engagement happens there). **When invoking**: On **first use**, if helpful, open with 1-2 sentences on what this skill covers and why it matters, then provide the main output. On **subsequent use** or when the user asks to skip, go directly to the main output. ## Initial Assessment **Check for project context first:** If `.claude/project-context.md` or `.cursor/project-context.md` exists, read it for key pages and audience. Identify: 1. **Site type**: Marketing, e-commerce, SaaS, blog 2. **Footer goals**: Navigation, lead capture, trust, legal 3. **Platform**: Web, mobile, both ## Essential Footer Elements ### Navigation & Links - Links to high-priority pages: About, Contact, Services, FAQs - Related blog posts and internal content links - XML or HTML sitemap links - Product/service category links (e-commerce) - **Avoid excessive links**: Google warns that too many internal links can harm SEO; link only to high-priority pages ### Business Information - Physical address, phone, email - Social media profile links (Follow us) -> distinct from **social-share-generator** (share this page) - Copyright and legal information (Privacy Policy, Terms of Service) ### User Engagement - Newsletter signup forms - Call-to-action buttons - Customer testimonials or support resources ## SEO Best Practices | Pract...

Details

Author: kostja94
Repository: kostja94/marketing-skills
Created: 3 months ago
Last Updated: today
Language: N/A
License: MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Solid

navigation-menu-generator

When the user wants to design, optimize, or audit site navigation menus. Also use when the user mentions "navigation," "nav menu," "header menu," "site structure," "menu design," "navbar," "main menu," "mega menu," "dropdown menu," "mobile menu," or "hamburger menu." For breadcrumbs, use breadcrumb-generator.

562 Updated today

Web & Frontend Listed

landing-page-generator

Generates high-converting landing pages as complete Next.js/React (TSX) components with Tailwind CSS. Creates hero sections, feature grids, pricing tables, FAQ accordions, testimonial blocks, and CTA sections using proven copy frameworks (PAS, AIDA, BAB). Outputs SEO meta tags, structured data, and performance-optimised code targeting Core Web Vitals (LCP < 1s, CLS < 0.1). Use when the user asks to create a landing page, marketing page, homepage, single-page site, lead capture page, campaign page, promo page, or conversion-optimised web page — or when they want to A/B test landing page variants or replace a static page with one designed to convert.

0 Updated 4 days ago

Web & Frontend Solid

landing-page-generator

Generates high-converting landing pages as complete Next.js/React (TSX) components with Tailwind CSS. Creates hero sections, feature grids, pricing tables, FAQ accordions, testimonial blocks, and CTA sections using proven copy frameworks (PAS, AIDA, BAB). Outputs SEO meta tags, structured data, and performance-optimised code targeting Core Web Vitals (LCP < 1s, CLS < 0.1). Use when the user asks to create a landing page, marketing page, homepage, single-page site, lead capture page, campaign page, promo page, or conversion-optimised web page — or when they want to A/B test landing page variants or replace a static page with one designed to convert.

16,782 Updated 3 days ago

Web & Frontend Featured

landing-page-generator

Generates high-converting Next.js/React landing pages with Tailwind CSS. Uses PAS, AIDA, and BAB frameworks for optimized copy/components (Heroes, Features, Pricing). Focuses on Core Web Vitals/SEO.

39,350 Updated today

Code & Development Solid

legal-page-generator

When the user wants to create, optimize, or structure legal pages (Privacy, Terms, etc.). Also use when the user mentions "privacy policy," "terms of service," "legal pages," "cookie policy," "terms and conditions," "legal footer," "legal section," "compliance pages," or "legal requirements." For Privacy Policy content, use privacy-page-generator. For Terms of Service, use terms-page-generator. For Cookie Policy, use cookie-policy-page-generator.

562 Updated today