[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M7DHN0GZT4MPPX354WM2EXEN":3,"skill-same:01M7DHN0GZT4MPPX354WM2EXEN":75},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":17,"publishedAt":18,"linkOnly":19,"markdownContent":20,"markdownBody":21,"frontMatter":22,"refName":48,"commitSha":49,"skillDirectory":50,"forksCount":51,"repositoryHtmlUrl":52,"repositoryHomepageUrl":53,"ownerHtmlUrl":54,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":55,"install":56,"resources":68},"01M7DHN0GZT4MPPX354WM2EXEN","dating-web",null,"A consumer-feeling dating \u002F 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.","andremolnar\u002Fopen-open-design","andremolnar","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F919644?v=4","01M7DHE1X4QH6SJBHR92VG5N84","01M7DHE1XRHK1WQV34AM9M328E",1,"Apache-2.0","https:\u002F\u002Fgithub.com\u002Fandremolnar\u002Fopen-open-design\u002Fblob\u002Fmain\u002Fdesign-templates\u002Fdating-web\u002FSKILL.md",[],[],"2026-11-15 14:19:17",false,"---\nname: dating-web\ndescription: |\n  A consumer-feeling dating \u002F matchmaking dashboard — left rail navigation,\n  ticker bar of community signals, headline KPIs, a 30-day mutual-matches\n  bar chart, and a match-rate trend block. Editorial typography, restrained\n  accent. Use when the brief asks for a \"dating site\", \"matchmaking\",\n  \"community dashboard\", \"social network dashboard\", or any consumer\n  product where the data is the story.\ntriggers:\n  - \"dating app\"\n  - \"dating site\"\n  - \"matchmaking\"\n  - \"social dashboard\"\n  - \"community dashboard\"\n  - \"consumer dashboard\"\n  - \"约会应用\"\n  - \"婚恋\"\nod:\n  mode: prototype\n  platform: desktop\n  scenario: personal\n  preview:\n    type: html\n    entry: index.html\n  design_system:\n    requires: true\n    sections: [color, typography, layout, components]\n  example_prompt: \"Design ‘mutuals’ — a dating site for X posters. Daily digest dashboard with stats, mutual-matches bar chart, and a community ticker.\"\n---\n\n# 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 \u002F handle \u002F ratio \u002F 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 \u002F 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   - `\u003C!doctype html>` through `\u003C\u002Fhtml>`, 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 `\u003Cartifact>` tags:\n\n```\n\u003Cartifact identifier=\"dating-slug\" type=\"text\u002Fhtml\" title=\"Dating Dashboard — Title\">\n\u003C!doctype html>\n\u003Chtml>...\u003C\u002Fhtml>\n\u003C\u002Fartifact>\n```\n\nOne sentence before the artifact, nothing after.\n","# 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 \u002F handle \u002F ratio \u002F 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 \u002F 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   - `\u003C!doctype html>` through `\u003C\u002Fhtml>`, 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 `\u003Cartifact>` tags:\n\n```\n\u003Cartifact identifier=\"dating-slug\" type=\"text\u002Fhtml\" title=\"Dating Dashboard — Title\">\n\u003C!doctype html>\n\u003Chtml>...\u003C\u002Fhtml>\n\u003C\u002Fartifact>\n```\n\nOne sentence before the artifact, nothing after.\n",{"od":23,"name":5,"triggers":38,"description":47},{"mode":24,"preview":25,"platform":28,"scenario":29,"design_system":30,"example_prompt":37},"prototype",{"type":26,"entry":27},"html","index.html","desktop","personal",{"requires":31,"sections":32},true,[33,34,35,36],"color","typography","layout","components","Design ‘mutuals’ — a dating site for X posters. Daily digest dashboard with stats, mutual-matches bar chart, and a community ticker.",[39,40,41,42,43,44,45,46],"dating app","dating site","matchmaking","social dashboard","community dashboard","consumer dashboard","约会应用","婚恋","A consumer-feeling dating \u002F 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.\n","main","3a6721b94dec7506e324023f2855495c9c54d0d2","design-templates\u002Fdating-web",0,"https:\u002F\u002Fgithub.com\u002Fandremolnar\u002Fopen-open-design","https:\u002F\u002Fopen-design.ai","https:\u002F\u002Fgithub.com\u002Fandremolnar","2026-10-30 01:33:11",{"source":8,"skillName":5,"commands":57,"prompt":67,"zipAvailable":31},[58,61,64],{"tool":59,"command":60},"npx","npx skills add andremolnar\u002Fopen-open-design --skill dating-web",{"tool":62,"command":63},"bunx","bunx skills add andremolnar\u002Fopen-open-design --skill dating-web",{"tool":65,"command":66},"pnpm","pnpm dlx skills add andremolnar\u002Fopen-open-design --skill dating-web","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fandremolnar\u002Fopen-open-design\u002Fblob\u002Fmain\u002Fdesign-templates\u002Fdating-web\u002FSKILL.md",[69],{"path":70,"resourceType":71,"resourceTypeDesc":72,"sizeBytes":73,"sourceHtmlUrl":74},"example.html","REFERENCE","参考文档",12405,"https:\u002F\u002Fgithub.com\u002Fandremolnar\u002Fopen-open-design\u002Fblob\u002Fmain\u002Fdesign-templates\u002Fdating-web\u002Fexample.html",[76,83,90,97,104,113],{"skillNo":77,"name":78,"nameZh":6,"description":79,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":80,"categories":81,"keywords":82,"publishedAt":18},"01M7DMPDFNBD52ZP0GNY046Z2A","Beta Skill","Instruction-only fixture skill.","https:\u002F\u002Fgithub.com\u002Fandremolnar\u002Fopen-open-design\u002Fblob\u002Fmain\u002Ftools\u002Frelease\u002Ftests\u002Ffixtures\u002Fcatalog\u002Fskills\u002Fbeta\u002FSKILL.md",[],[],{"skillNo":84,"name":85,"nameZh":6,"description":86,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":87,"categories":88,"keywords":89,"publishedAt":18},"01M7DMPC4JJ8ENX7VWTMP38Y9C","Alpha Skill","First fixture skill with a runnable demo.","https:\u002F\u002Fgithub.com\u002Fandremolnar\u002Fopen-open-design\u002Fblob\u002Fmain\u002Ftools\u002Frelease\u002Ftests\u002Ffixtures\u002Fcatalog\u002Fskills\u002Falpha\u002FSKILL.md",[],[],{"skillNo":91,"name":92,"nameZh":6,"description":93,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":94,"categories":95,"keywords":96,"publishedAt":18},"01M7DMP9J5BX307VWVD67J0BBM","Deck One","A small deck template fixture.","https:\u002F\u002Fgithub.com\u002Fandremolnar\u002Fopen-open-design\u002Fblob\u002Fmain\u002Ftools\u002Frelease\u002Ftests\u002Ffixtures\u002Fcatalog\u002Fdesign-templates\u002Fdeck-one\u002FSKILL.md",[],[],{"skillNo":98,"name":99,"nameZh":6,"description":100,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":101,"categories":102,"keywords":103,"publishedAt":18},"01M7DMP7GNYTFXGK9RDZ2X723P","youtube-clipper","YouTube clip generation and editing with automated workflows — pull source video, slice highlights, add captions, and export.","https:\u002F\u002Fgithub.com\u002Fandremolnar\u002Fopen-open-design\u002Fblob\u002Fmain\u002Fskills\u002Fyoutube-clipper\u002FSKILL.md",[],[],{"skillNo":105,"name":106,"nameZh":6,"description":107,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":108,"licenseFileUrl":109,"sourceHtmlUrl":110,"categories":111,"keywords":112,"publishedAt":18},"01M7DMP2WHMNKM0P5BXRYAG8D1","writing-guidelines","Review docs\u002Fprose for Writing Guidelines compliance. Use when asked to \"review my docs\", \"check writing style\", \"audit prose\", \"review docs voice and tone\", or \"check this page against the writing handbook\".","MIT","https:\u002F\u002Fgithub.com\u002Fandremolnar\u002Fopen-open-design\u002Fblob\u002Fmain\u002Fskills\u002Fwriting-guidelines\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Fandremolnar\u002Fopen-open-design\u002Fblob\u002Fmain\u002Fskills\u002Fwriting-guidelines\u002FSKILL.md",[],[],{"skillNo":114,"name":115,"nameZh":6,"description":116,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":117,"categories":118,"keywords":119,"publishedAt":18},"01M7DMP0GVJQ37CGXYQDD20VWS","wpds","WordPress Design System. Apply WordPress's official design tokens, typography, and component patterns to themes and sites.","https:\u002F\u002Fgithub.com\u002Fandremolnar\u002Fopen-open-design\u002Fblob\u002Fmain\u002Fskills\u002Fwpds\u002FSKILL.md",[],[]]