| name | dating-web |
| description | A consumer-feeling dating / matchmaking dashboard — left rail navigation,
ticker bar of community signals, headline KPIs, a 30-day mutual-matches
bar chart, and a match-rate trend block. Editorial typography, restrained
accent. Use when the brief asks for a "dating site", "matchmaking",
"community dashboard", "social network dashboard", or any consumer
product where the data is the story.
|
| triggers | ["dating app","dating site","matchmaking","social dashboard","community dashboard","consumer dashboard","约会应用","婚恋"] |
| od | {"mode":"prototype","platform":"desktop","scenario":"personal","preview":{"type":"html","entry":"index.html"},"design_system":{"requires":true,"sections":["color","typography","layout","components"]},"example_prompt":"Design ‘mutuals’ — a dating site for X posters. Daily digest dashboard with stats, mutual-matches bar chart, and a community ticker."} |
Dating Web Skill
Produce a single-screen consumer dashboard that feels like a Sunday-paper
dating column rendered as software. Editorial type, single restrained
accent, lots of negative space, no swipe deck or hookup tropes.
Workflow
- Read the active DESIGN.md (injected above). Lean into a serif display
token for the metric numerals — these screens live or die on numerals.
- Pick a brand voice — wry, observational, slightly literary. Generate
real, specific copy. Examples: "the people who'd text back within a day",
"manageable. two are now friends.", "your single greatest compatibility
asset."
- Layout, in order:
