| name | footer |
| version | 1.0.0 |
| description | Footer design reference — layout patterns, sticky footers, SEO, accessibility, legal requirements. Use when designing web page footers or implementing responsive footer components. |
| author | BytesAgain |
| homepage | https://bytesagain.com |
| source | https://github.com/bytesagain/ai-skills |
| tags | ["footer","web","ui","layout","html","css","frontend","accessibility"] |
| category | frontend |
Footer — Web Footer Design & Implementation Reference
Quick-reference skill for designing and implementing web page footers, covering layout patterns, accessibility, responsive behavior, and best practices.
When to Use
- Designing a website footer layout with proper structure
- Implementing sticky or fixed footer behavior
- Adding legal/compliance content (copyright, privacy, terms)
- Making footers accessible and SEO-friendly
- Building responsive footer components
Commands
intro
scripts/script.sh intro
Overview of footer design — purpose, anatomy, and design principles.
patterns
scripts/script.sh patterns
Common footer layout patterns — fat footer, minimal, mega footer, sitemap-style.
sticky
scripts/script.sh sticky
Sticky footer techniques — flexbox, grid, and classic methods.
html
scripts/script.sh html
Semantic HTML structure for footers — proper tags, ARIA roles, landmarks.
css
scripts/script.sh css
CSS patterns for responsive footer layouts — grid, flexbox, media queries.
legal
scripts/script.sh legal
Legal and compliance content — copyright notices, privacy links, cookie consent.
accessibility
scripts/script.sh accessibility
Accessibility best practices — navigation, contrast, screen readers, WCAG.
examples
scripts/script.sh examples
Real-world footer examples and code snippets.
help
scripts/script.sh help
version
scripts/script.sh version
Configuration
| Variable | Description |
|---|
FOOTER_DIR | Data directory (default: ~/.footer/) |
Powered by BytesAgain | bytesagain.com | hello@bytesagain.com
