dating-web
Dating app landing or profile page with card stack, matching UI, and messaging preview. Use for "dating app", "matching", "profile", "swipe".
SKILL.mdskills/dating-web/SKILL.md
GitHubDating Web Skill
Produce a dating app screen or landing page.
Archetypes
| Brief | Screen |
|---|---|
| landing, homepage | Landing with hero, how-it-works, testimonials |
| profile, card | Profile card stack with like/pass buttons |
| match, success | Match celebration screen |
| messages, chat | Conversation list or chat thread |
Rules
- Warm, inviting palette. Soft shadows, rounded corners.
- Photos as gradient placeholders with initials overlay.
- Action buttons: large, thumb-friendly (56px+).
data-df-idon cards, buttons, messages.
Output
Single index.html, inline CSS.