Save Webpage — Development skill for Claude Code
抓取网页内容(文本和图片)并保存为 MDX 文件到项目中.
How to install Save Webpage
Installs to ~/.claude/skills/zjh1943-awesome-claude-code-save-webpage/SKILL.md
mkdir -p ~/.claude/skills/zjh1943-awesome-claude-code-save-webpage && curl -fsSL https://raw.githubusercontent.com/zjh1943/awesome-claude-code/HEAD/.claude/skills/save-webpage.md -o ~/.claude/skills/zjh1943-awesome-claude-code-save-webpage/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Save Webpage does
description: 抓取网页内容(文本和图片)并保存为 MDX 文件到项目中 triggers:
- 保存网页
- 抓取网页
- 把网页保存到项目
- 把这个页面保存下来
- 下载网页内容
- fetch webpage
- save webpage globs:
- pages/**/*.mdx
- public/images/**
save-webpage
使用 Chrome DevTools MCP 抓取指定网页的内容,包括文本和图片,保存到本项目中。
可用脚本
本 skill 提供以下可复用的 JavaScript 脚本,位于 `.claude/skills/save-webpage/` 目录:
| 脚本 | 用途 | 适用场景 |
|---|---|---|
detect-page-size.js |
检测页面规模,返回建议策略 | 首先调用 |
extract-content-small.js |
一次性提取全部内容 | 小页面 (<10000 字符) |
Alternatives in Development
- Quick Plan — Create a detailed implementation plan based on the user's requirements provided through the USER_PROMPT variab 3.4k ★
- /remember — Save a finding or successful pattern to persistent hunt memory 1.2k ★
- Migrate Component — Migrate a docs component from rST/Snooty AST to MDX 775 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Claude Code Best Practices
Next.js app for Claude code best practices built with Fumadocs. Document and explore content sources, routes,
Ds Docs
Generate component MDX docs + llms.txt from the registry and tokens
Fetch Webpage
抓取网页内容并保存到项目
Exa Fetch
Read a webpage's content using Exa. Usage: /exa-fetch
Page Agent
Control web pages using natural language commands through a lightweight, TypeScript-based GUI agent integrated
Webpage To Image
Claude Code 技能:把 HTML 网页/网址用本机 Chrome 渲染成整页高清长图(PNG/JPG),解决截图发糊,适合发公众号/小红书。
Related Agents
Docs Dependency Manager
Use this agent when you need to analyze, track, or manage dependencies and connections between markdown and MD
Dev Fumadocs Expert
Fumadocs documentation specialist. Handles setup, MDX authoring, i18n, search, theming, and OpenAPI integratio
Commit
Stage and commit changes, or open a pull request. Trigger when the user asks to commit, make a commit, save ch