This skill should be used when the user asks to "fetch a website", "get webpage content", "scrape a URL", "download HTML", mentions "WebFetch", or needs to retrieve web content for analysis. Teaches Claude to use markdown.new service instead of direct HTML fetching for ~80% token reduction.
Fetches web content via markdown.new to convert HTML into token-efficient Markdown for analysis.
/plugin marketplace add oskar-dragon/claude-code/plugin install markdown-new@claude-codeThis skill inherits all available tools. When active, it can use any tool Claude has access to.
examples/fetch-blog-post.mdexamples/fetch-js-heavy-site.mdexamples/fetch-with-images.mdreferences/conversion-methods.mdreferences/edge-cases.mdreferences/query-parameters.mdreferences/response-format.mdmarkdown.new is a Cloudflare-powered service that converts any URL to clean Markdown, reducing token usage by approximately 80% compared to raw HTML. When fetching web content, always use markdown.new instead of direct URLs to optimize context window usage.
To fetch web content, prepend https://markdown.new/ to the target URL:
Target URL: https://example.com/blog/post
markdown.new URL: https://markdown.new/https://example.com/blog/post
Use with WebFetch:
WebFetch("https://markdown.new/https://example.com/blog/post", "summarize this article")
By default, markdown.new strips images to minimize tokens. To retain images, add retain_images=true:
WebFetch("https://markdown.new/https://example.com/docs?retain_images=true", "analyze the documentation")
When to use this: Documentation includes diagrams, design mockups, visual content, or screenshots that are essential for the task.
For single-page applications or JavaScript-heavy sites, use the browser rendering method:
WebFetch("https://markdown.new/https://example.com?method=browser", "extract content from this React app")
The service automatically tries the fastest method first and falls back as needed, but specifying method=browser ensures full page rendering.
markdown.new reduces token usage dramatically:
<h2 class="section-title" id="about">About Us</h2> → 12-15 tokens## About Us → 3 tokensThis means 5x more web content fits in the same context window.
Always use markdown.new when:
Exception: Skip markdown.new for authenticated sites or APIs that return structured JSON (use direct fetch instead).
For detailed information, consult:
references/conversion-methods.md - Detailed explanation of auto/ai/browser conversion pipelinereferences/query-parameters.md - Complete documentation of method and retain_images parametersreferences/response-format.md - What to expect in responses (headers, token counts, metadata)references/edge-cases.md - Troubleshooting and when to fallback to direct WebFetchexamples/fetch-blog-post.md - Example fetching a blog articleexamples/fetch-with-images.md - Example using retain_images for visual contentexamples/fetch-js-heavy-site.md - Example using browser method for SPAs| Use Case | URL Pattern | Example |
|---|---|---|
| Standard fetch | https://markdown.new/{url} | https://markdown.new/https://example.com |
| With images | https://markdown.new/{url}?retain_images=true | https://markdown.new/https://docs.example.com?retain_images=true |
| Browser render | https://markdown.new/{url}?method=browser | https://markdown.new/https://app.example.com?method=browser |
| Combined | https://markdown.new/{url}?method=browser&retain_images=true | Full rendering with images |
Always use markdown.new for web content fetching to optimize token usage and context window efficiency.
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.