{"id":"fad4e92e-9170-42f7-94f5-339480708a0f","shortId":"nk7dMv","kind":"skill","title":"dating-web","tagline":"A consumer-feeling dating / matchmaking dashboard — left rail navigation,\nticker bar of community signals, headline KPIs, a 30-day mutual-matches\nbar chart, and a match-rate trend block. Editorial typography, restrained\naccent. Use when the brief asks for a \"dating site\", \"matchm","description":"# Dating Web Skill\n\nProduce a single-screen consumer dashboard that feels like a Sunday-paper\ndating column rendered as software. Editorial type, single restrained\naccent, lots of negative space, *no* swipe deck or hookup tropes.\n\n## Workflow\n\n1. **Read the active DESIGN.md** (injected above). Lean into a serif display\n token for the metric numerals — these screens live or die on numerals.\n2. **Pick a brand voice** — wry, observational, slightly literary. Generate\n real, specific copy. Examples: \"the people who'd text back within a day\",\n \"manageable. two are now friends.\", \"your single greatest compatibility\n asset.\"\n3. **Layout**, in order:\n - **Top ticker** — single-row horizontal strip across the top in a\n sans-serif eyebrow style: tagline left, \"NEXT TIER AT 2,080 MUTUALS\"\n right, both in mono caps with letter-spacing. Thin rule below.\n - **Left rail** — 220–260px sidebar. Brand wordmark in serif italic at\n top. User card (avatar / handle / ratio / tier). Three groups of nav:\n \"TODAY\" (specimen, inbox, queue, notifications), \"YOU\" (your stats,\n mutuals & communities, blocked, settings), \"ARCHIVE\" (past issues,\n expired matches). Active item gets accent text + accent dot.\n - **Main content**:\n - **KPI grid** — 3 columns × 3 rows (or 9 cells). Each cell: small\n caps mono label, an oversized serif numeral (use accent or muted\n green for positive, muted red for caution), one-line italic\n footnote. Plausible specifics — \"1,842 ↑ 41 this wk · healthy\n growth.\", \"14% above median for your cohort.\", \"4 / exes in your\n circle · manageable. two are now friends.\"\n - **Bar chart panel** — \"mutuals — last 30 days\". Tall thin black\n bars, last two days highlighted in accent. Caption above with\n \"↑ TRENDING UP · +3 CLOSE MUTUALS THIS MONTH · TWO VIA THE SAME\n OFFSITE\" in mono.\n - **Trend panel** — \"match rate — last 12 weeks\". One line of body\n copy below (\"STEADY CLIMB FROM 8% → 14%. ATTRIBUTABLE TO ONE\n COMMUNITY JOIN…\"). Footer rule.\n4. **Write** a single HTML document:\n - `` through ``, CSS inline.\n - Background creamy off-white, body serif, mono labels everywhere.\n - Use `font-feature-settings: 'tnum'` on the metric numerals.\n - SVG bar chart with ~30 bars, varied heights.\n - `data-od-id` on ticker, sidebar, kpi grid, chart, trend.\n5. **Self-check**:\n - Reads as restrained, editorial, slightly funny — not horny.\n - Single accent token used in 3–4 places max (one KPI, two highlight\n bars, one nav active state).\n - No swipe deck, no hearts, no fire emoji.\n\n## Output contract\n\nEmit between `` tags:\n\n```\n\n\n...\n\n```\n\nOne sentence before the artifact, nothing after.","tags":["dating","web","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok","claude","claude-code-for-design","claude-design"],"capabilities":["skill","source-nexu-io","skill-dating-web","topic-agent-skills","topic-ai-agents","topic-ai-design","topic-byok","topic-claude","topic-claude-code-for-design","topic-claude-design","topic-coding-agents","topic-design-systems","topic-design-tools","topic-desktop-app","topic-figma-alternative"],"categories":["open-design"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/nexu-io/open-design/dating-web","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add nexu-io/open-design","source_repo":"https://github.com/nexu-io/open-design","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 36607 github stars · SKILL.md body (2,887 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-11T06:52:19.046Z","embedding":null,"createdAt":"2026-05-01T18:52:31.926Z","updatedAt":"2026-05-11T06:52:19.046Z","lastSeenAt":"2026-05-11T06:52:19.046Z","tsv":"'+3':316 '080':172 '1':88,271 '12':333 '14':278,345 '2':112,171 '220':188 '260px':189 '3':145,236,238,418 '30':22,299,386 '4':284,353,419 '41':273 '5':401 '8':344 '842':272 '9':241 'accent':39,76,228,230,254,310,414 'across':156 'activ':91,225,429 'archiv':220 'artifact':448 'ask':44 'asset':144 'attribut':346 'avatar':200 'back':131 'background':362 'bar':15,27,294,304,383,387,426 'black':303 'block':35,218 'bodi':338,367 'brand':115,191 'brief':43 'cap':178,246 'caption':311 'card':199 'caution':263 'cell':242,244 'chart':28,295,384,399 'check':404 'circl':288 'climb':342 'close':317 'cohort':283 'column':68,237 'communiti':17,217,349 'compat':143 'consum':6,58 'consumer-feel':5 'content':233 'contract':440 'copi':124,339 'creami':363 'css':360 'd':129 'dashboard':10,59 'data':391 'data-od-id':390 'date':2,8,47,50,67 'dating-web':1 'day':23,134,300,307 'deck':83,433 'design.md':92 'die':109 'display':99 'document':358 'dot':231 'editori':36,72,408 'emit':441 'emoji':438 'everywher':371 'exampl':125 'exe':285 'expir':223 'eyebrow':164 'featur':375 'feel':7,61 'fire':437 'font':374 'font-feature-set':373 'footer':351 'footnot':268 'friend':139,293 'funni':410 'generat':121 'get':227 'greatest':142 'green':257 'grid':235,398 'group':205 'growth':277 'handl':201 'headlin':19 'healthi':276 'heart':435 'height':389 'highlight':308,425 'hookup':85 'horizont':154 'horni':412 'html':357 'id':393 'inbox':210 'inject':93 'inlin':361 'issu':222 'ital':195,267 'item':226 'join':350 'kpi':234,397,423 'kpis':20 'label':248,370 'last':298,305,332 'layout':146 'lean':95 'left':11,167,186 'letter':181 'letter-spac':180 'like':62 'line':266,336 'literari':120 'live':107 'lot':77 'main':232 'manag':135,289 'match':26,32,224,330 'match-rat':31 'matchm':49 'matchmak':9 'max':421 'median':280 'metric':103,380 'mono':177,247,327,369 'month':320 'mute':256,260 'mutual':25,173,216,297,318 'mutual-match':24 'nav':207,428 'navig':13 'negat':79 'next':168 'noth':449 'notif':212 'numer':104,111,252,381 'observ':118 'od':392 'off-whit':364 'offsit':325 'one':265,335,348,422,427,444 'one-lin':264 'order':148 'output':439 'overs':250 'panel':296,329 'paper':66 'past':221 'peopl':127 'pick':113 'place':420 'plausibl':269 'posit':259 'produc':53 'queue':211 'rail':12,187 'rate':33,331 'ratio':202 'read':89,405 'real':122 'red':261 'render':69 'restrain':38,75,407 'right':174 'row':153,239 'rule':184,352 'san':162 'sans-serif':161 'screen':57,106 'self':403 'self-check':402 'sentenc':445 'serif':98,163,194,251,368 'set':219,376 'sidebar':190,396 'signal':18 'singl':56,74,141,152,356,413 'single-row':151 'single-screen':55 'site':48 'skill':52 'skill-dating-web' 'slight':119,409 'small':245 'softwar':71 'source-nexu-io' 'space':80,182 'specif':123,270 'specimen':209 'stat':215 'state':430 'steadi':341 'strip':155 'style':165 'sunday':65 'sunday-pap':64 'svg':382 'swipe':82,432 'tag':443 'taglin':166 'tall':301 'text':130,229 'thin':183,302 'three':204 'ticker':14,150,395 'tier':169,203 'tnum':377 'today':208 'token':100,415 'top':149,158,197 'topic-agent-skills' 'topic-ai-agents' 'topic-ai-design' 'topic-byok' 'topic-claude' 'topic-claude-code-for-design' 'topic-claude-design' 'topic-coding-agents' 'topic-design-systems' 'topic-design-tools' 'topic-desktop-app' 'topic-figma-alternative' 'trend':34,314,328,400 'trope':86 'two':136,290,306,321,424 'type':73 'typographi':37 'use':40,253,372,416 'user':198 'vari':388 'via':322 'voic':116 'web':3,51 'week':334 'white':366 'within':132 'wk':275 'wordmark':192 'workflow':87 'wri':117 'write':354","prices":[{"id":"52d67a95-93df-41e1-9b59-8b2972434a23","listingId":"fad4e92e-9170-42f7-94f5-339480708a0f","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"nexu-io","category":"open-design","install_from":"skills.sh"},"createdAt":"2026-05-01T18:52:31.926Z"}],"sources":[{"listingId":"fad4e92e-9170-42f7-94f5-339480708a0f","source":"github","sourceId":"nexu-io/open-design/dating-web","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/dating-web","isPrimary":false,"firstSeenAt":"2026-05-01T18:52:31.926Z","lastSeenAt":"2026-05-11T06:52:19.046Z"},{"listingId":"fad4e92e-9170-42f7-94f5-339480708a0f","source":"skills_sh","sourceId":"nexu-io/open-design/dating-web","sourceUrl":"https://skills.sh/nexu-io/open-design/dating-web","isPrimary":true,"firstSeenAt":"2026-05-07T20:42:47.581Z","lastSeenAt":"2026-05-07T22:41:47.958Z"}],"details":{"listingId":"fad4e92e-9170-42f7-94f5-339480708a0f","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"dating-web","github":{"repo":"nexu-io/open-design","stars":36607,"topics":["agent-skills","ai-agents","ai-design","byok","claude","claude-code-for-design","claude-design","coding-agents","design-systems","design-tools","desktop-app","figma-alternative","generative-ai","hermes-agent","local-first","nextjs","no-code","prototyping","ui-generator","vibe-coding"],"license":"apache-2.0","html_url":"https://github.com/nexu-io/open-design","pushed_at":"2026-05-11T06:48:43Z","description":"🎨 Local-first, open-source alternative to Anthropic's Claude Design. ⚡ 19 Skills · ✨ 71 brand-grade Design Systems 🖼 Generate web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxed preview · HTML/PDF/PPTX/MP4 export 🤖 Runs on Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi CLI.","skill_md_sha":"6218a7e69299994e652bced726ea70348519b733","skill_md_path":"skills/dating-web/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/dating-web"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"dating-web","description":"A consumer-feeling dating / matchmaking dashboard — left rail navigation,\nticker bar of community signals, headline KPIs, a 30-day mutual-matches\nbar chart, and a match-rate trend block. Editorial typography, restrained\naccent. Use when the brief asks for a \"dating site\", \"matchmaking\",\n\"community dashboard\", \"social network dashboard\", or any consumer\nproduct where the data is the story."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/dating-web"},"updatedAt":"2026-05-11T06:52:19.046Z"}}