Tel & Mailto Links
SkillCommunicationtel-mailto is a skill that helps an AI agent check that webpages show phone numbers and email addresses correctly. It applies to contact pages, business listing pages, headers and footers, and any page displaying a phone number or email address, including schema-marked LocalBusiness pages.
Available today. Use it from your connected AI after setup.
No other account needed.
Have an AI agent that can load and use skills.
Then ask your AI: use the Tel & Mailto Links skill
What your AI can do with it
- Audit contact UX on pages that display phone numbers or email addresses
- Check contact details on contact pages and business listing pages
- Review phone numbers and emails in headers and footers
- Validate schema-marked LocalBusiness pages
Getting started
- Have an AI agent that can load and use skills.
- Add the tel-mailto skill to the agent's available skills.
- Give the agent a webpage to review, such as a contact page or a page showing a phone number or email address.
- Ask the agent to audit the contact details or LocalBusiness markup on that page.
What this skill tells your AI
The instructions your AI receives, as published by thedaviddias/front-end-checklist in skills/tel-mailto/SKILL.md and read by ahel’s review.
On mobile devices, tel: and mailto: links trigger the native phone dialer and email client with one tap; plain-text contact info forces copy-paste and measurably reduces contact conversion rates.
Quick Reference
- Wrap phone numbers in
<a href="tel:+15551234567">for click-to-call on mobile devices - Wrap email addresses in
<a href="mailto:contact@example.com">for one-click email compose - Use E.164 format for
tel:links:+followed by country code and number, no spaces or dashes - Plain text phone numbers and emails require users to copy-paste — a UX and conversion friction point
Check
Scan the HTML for phone numbers (patterns like \+?[0-9\s\-().]{7,}) and email addresses ([\w.-]+@[\w.-]+\.[a-z]{2,}). Verify that phone numbers are wrapped in <a href="tel:..."> and emails in <a href="mailto:...">. Flag any that appear as plain text.
Fix
Wrap each phone number in an anchor tag: <a href="tel:+15551234567">+1 (555) 123-4567</a>. Wrap each email in: <a href="mailto:contact@example.com">contact@example.com</a>. Format tel: values using E.164 (+[country][number]) without spaces.
Explain
Explain how tel: and mailto: URI schemes work in HTML, why E.164 format is required for international compatibility, and how these links improve mobile UX and contact conversion rates.
Code Review
Review metadata generation, rendered HTML, structured data, and response headers related to Tel & Mailto Links. Flag exact routes or templates where search-facing output violates the rule, and describe how to verify the final page output.
For full implementation details, code examples, and framework-specific guidance,
see references/rule.md.
Rule page: https://frontendchecklist.io/en/rules/seo/tel-mailto
Signals
- GitHub stars
- 74k
- Forks
- 7k
- Last commit
- Aug 2026
Questions
- When should this skill be used?
- Use it when work applies to contact pages, business listing pages, headers/footers, and any page displaying a phone number or email address, or when auditing contact UX or schema-marked LocalBusiness pages.
- What does the skill check?
- It helps the agent check that webpages show phone numbers and email addresses correctly.
Advanced
- Item type
- skill
- Key
tel-mailto- Source
- github.com/thedaviddias/front-end-checklist