dating-web
CommunityDating dashboard with match insights.
Design & Creative#ui-design#data-visualization#editorial-typography#dating-dashboard#consumer-product
Authorjunainfinity
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Convert complex dating metrics into a clean, readable single-screen dashboard that communicates engagement and compatibility signals to product teams and users.
Core Features & Use Cases
- Left rail navigation with brand, user card, and quick access sections for Today, You, and Archive.
- KPI grid showing Mutuals on file, Replies in 24h, Communities, and more, with typographic emphasis and color cues.
- Visual panels including a 30-day mutuals bar chart and a 12-week match-rate trend, plus a contextual storyline.
- Quick-start workflow guidance to craft a consistent editorial voice and layout for consumer dashboards. Use cases include a dating-site dashboard, matchmaking analytics, and social dashboard prototypes for product pitches.
Quick Start
Generate a standalone HTML dating dashboard prototype that mirrors the structure described in this skill, including left rail, KPI grid, and chart panels.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: dating-web Download link: https://github.com/junainfinity/osmDesign/archive/main.zip#dating-web Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.