common-accessibility
Enforce WCAG 2.2 AA compliance with semantic HTML, ARIA roles, keyboard navigation, and color contrast standards for web UIs. Use…
Answer classic system design problems as constraint-to-solution sketches and coach interview practice: URL shortener, rate limiter, news feed, chat, notification, autocomplete, crawler, unique id. Use for interview practice or naming the closest known shape for a new problem.
Claude Code
$ npx -y skills add hoangnguyen0403/agent-skills-standard --skill system-design-case-catalog --agent claude-code
Codex
$ npx skills add hoangnguyen0403/agent-skills-standard --skill system-design-case-catalog -a codex -y
Cursor
$ npx skills add hoangnguyen0403/agent-skills-standard --skill system-design-case-catalog -a cursor -y
Gemini CLI
$ npx skills add hoangnguyen0403/agent-skills-standard --skill system-design-case-catalog -a gemini-cli -y
GitHub Copilot
$ npx skills add hoangnguyen0403/agent-skills-standard --skill system-design-case-catalog -a github-copilot -y
OpenCode
$ npx skills add hoangnguyen0403/agent-skills-standard --skill system-design-case-catalog -a opencode -y
Windsurf
$ npx skills add hoangnguyen0403/agent-skills-standard --skill system-design-case-catalog -a windsurf -y
name: system-design-case-catalog
description: "Answer classic system design problems as constraint-to-solution sketches and coach interview practice: URL shortener, rate limiter, news feed, chat, notification, autocomplete, crawler, unique id. Use for interview practice or naming the closest known shape for a new problem."
metadata:
triggers:
keywords:
- system design interview
- design twitter
- design url shortener
- news feed
- design chat system
- web crawler
- unique id generator
- video streaming
- video publishing
- ride hailing
- ride dispatch
- payment ledger
- payment timeout
- flash sale
- multi-tenant SaaS
- cache stampede
- notification outage
- chat reconnect
- database migrationEach classic problem has one defining constraint. Name it first; the rest of the design follows.
| Problem | Defining constraint | Decisions that follow | | --- | --- | --- | | URL shortener | Read-heavy by ~100:1, key must be short and unique | Base62 of a distributed counter, cache-first read path, 301 vs 302 choice | | Rate limiter | Decision must be cheap, shared, and correct under concurrency | Token bucket in a shared counter, fail-open or fail-closed rule, `429` plus `Retry-After` | | News feed | Fan-out cost versus read latency, with celebrity skew | Push for normal accounts, pull for celebrities, hybrid merge at read | | Chat | Delivery guarantees and presence at persistent-connection scale | WebSocket gateways, per-conversation ordering, offline queue, read receipts | | Notification | Multi-channel delivery with retries and dedupe | Queue per channel, idempotency key, user preference and quiet hours | | Autocomplete | Sub-100ms prefix lookup over a huge term space | Trie or prefix index in memory, precomputed top-k per prefix, async rebuild | | Web crawler | Politeness and dedupe at scale, not raw fetching | Frontier queue per host, robots cache, URL fingerprint dedupe, freshness policy | | Unique id | Ordered, unique, generated without a central lock | Snowflake-style timestamp plus node plus sequence; clock-skew handling | | Video streaming | Bitrate ladder and CDN economics, not the upload | Transcode pipeline per rendition, adaptive manifests (HLS/DASH), edge cache hit ratio as the cost lever | | Ride hailing | Geo matching under moving supply and demand | Geohash or S2 cells, driver location stream with TTL, matching window and surge as a pricing signal | | Payment ledger | One ledger effect per business operation despite retries and partial failure | Stable business-operation identity, double-entry ledger, and reconciliation; see the [idempotency contract](../system-design-principles/references/idempotency-contract.md) |
The portable standards layer for AI coding agents. Sync once, then work in your own runtime.
Enforce WCAG 2.2 AA compliance with semantic HTML, ARIA roles, keyboard navigation, and color contrast standards for web UIs. Use…
Define deterministic guardrails for agent tool calls — protected paths, test-file locks during bug fixes, post-edit formatters,…
Apply REST API conventions — HTTP semantics, status codes, versioning, pagination, and OpenAPI standards for any framework. Use…
Audit structural debt, logic leakage, and monolithic components across Web, Mobile, and Backend codebases. Use when reviewing…
Draws architecture diagrams as editable draw.io files with a fixed house style, C4 levels, evidence-tagged shapes, and optional…
Enforce SOLID principles, guard-clause style, function size limits, and intention-revealing naming across all languages. Use when…
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…
Ask which skill or flow fits your situation. A router over the skills in this repo.