---
name: Dating Web
slug: dating-web-2
category: Frontend
description: "Dating Web is a consumer-feel matching dashboard template with an editorial layout: left rail navigation, ticker bar, headline KPIs, a 30-day mutual-matches bar chart, and a match-rate trend block."
github: "https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/dating-web"
language: HTML
stars: 8300
forks: 810
install: "npx degit https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/dating-web ~/.claude/skills/dating-web"
installs_to: ~/.claude/skills/dating-web
source_path: next/src/lib/templates/skills/dating-web/SKILL.md
collection_size: 25
category_size: 567
collection_url: "https://dirskills.com/collections/nexu-io/html-anything"
added: 2026-08-15T06:50:49.917Z
last_synced: 2026-08-15T06:50:49.917Z
canonical_url: "https://dirskills.com/skills/dating-web-2"
---

# Dating Web

Dating Web is a consumer-feel matching dashboard template with an editorial layout: left rail navigation, ticker bar, headline KPIs, a 30-day mutual-matches bar chart, and a match-rate trend block.

**Install:**

```bash
npx degit https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/dating-web ~/.claude/skills/dating-web
```

## README

【模板: 社区 / 配对 Dashboard】
【意图】消费产品感的数据墙, editorial typography + 克制的高亮色。
【布局】
- Left rail 导航
- Ticker bar 实时信号
- Headline KPIs
- 30-day mutual-matches 柱状图
- Match-rate 趋势 block