web-content-fetcher
Web Content Fetcher
Expert knowledge for fetching and parsing web content, handling size limitations, JavaScript-rendered sites, and extracting clean article content from HTML.
Overview
This skill provides battle-tested strategies for fetching web content in Claude Code, addressing critical challenges:
- WebFetch tool limitation: ~50KB max content size
- Read tool limitation: 256KB max file size per call
- JavaScript-rendered content: Twitter/X, React SPAs require special handling
Four-tier approach:
- Tier 1: WebFetch for small content (< 50KB)
- Tier 2: curl + Task agent for any size static content ⭐ DEFAULT
- Tier 3: Scripts for edge cases (EUC-JP encoding, complex HTML)
- Tier 4: Playwright for JavaScript-rendered sites (Twitter/X, React SPAs)
More from shino369/claude-code-personal-workspace
translation-expertise
Expert translation methodology and best practices for English-Japanese-Chinese (Traditional) trilingual translation. Use when translating any content between these languages, including handling idioms, cultural nuances, and language-specific expressions. Provides translation workflows and quality assurance methods.
462document-writing
Expert knowledge in document and essay writing conventions for English, Japanese, and Chinese (Traditional). Use when writing or translating formal documents, essays, articles, reports, or professional communications. Provides language-specific writing styles, formatting conventions, and rhetorical patterns.
154engineering-terminology
Expert knowledge in engineering, technical, and scientific terminology across English, Japanese, and Chinese (Traditional). Use when translating technical documents, engineering specifications, API documentation, or scientific papers. Provides accurate technical term translations and domain-specific vocabulary.
29code-review
Software engineering best practices for code review. Use when reviewing code, analyzing code quality, checking for bugs, security vulnerabilities, or providing feedback on code changes.
21javascript-testing
JavaScript/Node.js testing best practices with Vitest. Use when writing tests, achieving test coverage, or working with JavaScript/TypeScript test files.
19claude-code-development
Expert knowledge in creating and configuring Claude Code components (subagents, skills, slash commands, hooks, MCP integrations). Use when the user asks to create, modify, or extend .claude/ directory components. Follows official best practices and documentation standards.
17