# Url Preview

> Extract and display URL previews with title, description, and favicon. Use when user shares any HTTP/HTTPS link and wants to see what the page is about without visiting it. Triggers on: (1) User sends a URL/link, (2) User asks "这个链接是什么", "看看这个网页", "what's this link"

- Skill: `dvcrn/url-preview` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dvcrn/url-preview`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dvcrn/url-preview/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: dvcrn (https://skillmd.com/u/dvcrn)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/dvcrn/url-preview

---


# URL Preview Skill

When a user shares a URL, automatically extract and display a preview card.

## How It Works

1. User sends any HTTP/HTTPS URL
2. Use `extract_content_from_websites` tool to fetch the page
3. Parse and display: title, description, favicon, and a brief summary

## Output Format

```
🔗 [Page Title](URL)
📝 Description: ...
🌐 Site: favicon + domain
```

## Example

User sends: `https://github.com/openclaw/openclaw`

Output:
```
🔗 OpenClaw/OpenClaw
📝 An open-source AI assistant platform...
🌐 github.com
```

## Notes

- Only works on public HTTP/HTTPS URLs
- Respects rate limits - don't extract more than 5 URLs per minute
- Use `maxChars: 200` in extract_content to limit description length