# Status Page Design

> System status page design, incident communication, and uptime display.

- Skill: `dragoon0x/status-page-design` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dragoon0x/status-page-design`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dragoon0x/status-page-design/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: dragoon0x (https://skillmd.com/u/dragoon0x)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/dragoon0x/status-page-design

---


# Status Page Design

## Components
1. Overall status: "All Systems Operational" or summary
2. Component list: each service with individual status
3. Incident history: timeline of recent issues
4. Uptime metrics: 99.9% over last 90 days

## Status Levels
| Status | Color | Icon | Meaning |
|--------|-------|------|---------|
| Operational | Green | ✓ | Everything working |
| Degraded | Yellow | ⚠ | Reduced performance |
| Partial outage | Orange | ✗ | Some features affected |
| Major outage | Red | ✗ | Significant impact |
| Maintenance | Blue | 🔧 | Planned downtime |

## Incident Updates
- Identified → Investigating → Monitoring → Resolved
- Timestamped updates every 30-60 minutes during incidents
- Plain language (not technical jargon)
- Include: what's affected, what we're doing, estimated resolution