Footer

---
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`

```bash
scripts/script.sh intro
```

Overview of footer design — purpose, anatomy, and design principles.

### `patterns`

```bash
scripts/script.sh patterns
```

Common footer layout patterns — fat footer, minimal, mega footer, sitemap-style.

### `sticky`

```bash
scripts/script.sh sticky
```

Sticky footer techniques — flexbox, grid, and classic methods.

### `html`

```bash
scripts/script.sh html
```

Semantic HTML structure for footers — proper tags, ARIA roles, landmarks.

### `css`

```bash
scripts/script.sh css
```

CSS patterns for responsive footer layouts — grid, flexbox, media queries.

### `legal`

```bash
scripts/script.sh legal
```

Legal and compliance content — copyright notices, privacy links, cookie consent.

### `accessibility`

```bash
scripts/script.sh accessibility
```

Accessibility best practices — navigation, contrast, screen readers, WCAG.

### `examples`

```bash
scripts/script.sh examples
```

Real-world footer examples and code snippets.

### `help`

```bash
scripts/script.sh help
```

### `version`

```bash
scripts/script.sh version
```

## Configuration

| Variable | Description |
|----------|-------------|
| `FOOTER_DIR` | Data directory (default: ~/.footer/) |

---

*Powered by BytesAgain | bytesagain.com | hello@bytesagain.com*