How to use the Dating Dashboard Design agent skill (dating-web)

What the dating-web skill makes the agent do

An agent skill is a folder of instructions that an AI agent loads when a request matches it. This one tells the agent to build a single-screen consumer dashboard for a dating or matchmaking product, or a community or social network product where the data is the story.

The source describes a fixed layout: a top ticker bar, a left navigation rail, a grid of headline metrics (KPIs), a 30-day bar chart of mutual matches, and a match-rate trend panel. The agent writes the copy and the sample numbers itself, aiming for a restrained, witty, magazine-like style rather than swipe-style dating visuals.

• Top ticker: a single row of mono caps text above a thin rule
• Left rail: brand wordmark, user card, and grouped navigation
• KPI grid: nine cells with oversized serif numerals and short italic footnotes
• Bar chart: about 30 bars, with the last two days highlighted in one accent colour
• Trend panel: a match-rate line over 12 weeks with a short caption

Install the dating-web skill from a ZIP or the Claude apps

There are two ways to add the skill. Download the ZIP for dating-web from our page. Then choose one of the options below.

For Claude Code, unzip the download into your user skills folder at ~/.claude/skills/, or into a project's .claude/skills/ folder if you want the skill only for that project. Alternatively, in the Claude apps, open Settings, go to Capabilities, and upload the skill under Skills.

• Option A (all projects): unzip into ~/.claude/skills/
• Option B (one project): unzip into the project's .claude/skills/ folder
• Option C (Claude apps): Settings → Capabilities → Skills, then upload the skill

Check that the skill folder contains the expected files

The package includes two files: SKILL.md, which holds the instructions the agent reads, and example.html, a sample of the kind of output the skill produces. Make sure both are present after unzipping, with SKILL.md inside the skill folder rather than buried in an extra nested folder if your tool does not find it.

Trigger the skill with natural requests

You do not need a special command. Describe the product in plain words and mention a dashboard. The skill's trigger phrases include 'dating app', 'dating site', 'matchmaking', 'social dashboard', 'community dashboard' and 'consumer dashboard'. The source also lists Chinese trigger terms for dating apps and matchmaking.

Include the audience, the core data and the mood you want. The brief in the source asks for a 'dating site' with stats, a mutual-matches bar chart and a community ticker, which is a good template for your own request.

• Design a dating site dashboard for a community of newsletter writers, with a stats overview and a 30-day mutual-matches chart.
• Make a matchmaking dashboard mockup with a community ticker and a match-rate trend for the last 12 weeks.
• Create a consumer dashboard for a social network where the data is the story, in a restrained editorial style.

Review and use the output responsibly

The output is a static mockup. The numbers, names and copy are invented by the agent to look plausible. Do not present them as real user data in a publication, investor pitch or product report.

The source says the skill aims for a single restrained accent colour and avoids swipe decks, hearts and similar dating tropes. Check the result against that brief and adjust wording or figures before sharing.

• Label screenshots or files as sample or illustrative data
• Replace figures with real data only if you have a proper source
• Keep the file as a design starting point, not a working product

Safety notes: scripts, network and requirements

The listing states that this skill requires nothing in particular, does not run scripts, and does not use the network. It is a set of instructions plus example output, so it does not connect to accounts, databases or live data.

Because the output is a static mockup, it cannot handle real user accounts or privacy controls. The listing says it is not suited to real dating or matchmaking products that need live data.

• Runs scripts: no
• Uses network: no
• Requires: nothing listed
• Not for real products that need live data, accounts or privacy controls