https://www.chenk.top/en/tags/playwright/Recent content in Playwright on Chen Kai BlogHugoenTue, 21 Apr 2026 09:00:00 +0000https://www.chenk.top/en/claude-code-learn/04-mcp-servers/Tue, 21 Apr 2026 09:00:00 +0000https://www.chenk.top/en/claude-code-learn/04-mcp-servers/<p>If you only learn one extension mechanism in Claude Code, learn MCP. It is the difference between an autocomplete and a platform.</p> <p><figure class="article-figure"> <img src="https://blog-pic-ck.oss-cn-beijing.aliyuncs.com/posts/en/claude-code-learn/04-mcp-servers/illustration_1.png" alt="Claude Code Hands-On (4): MCP Servers, or How Claude Talks to Anything — Chapter overview" loading="lazy" decoding="async" class="content-image"> </figure> </p> <hr> <h2 id="the-60-second-pitch" class="heading-anchor">The 60-second pitch<a href="#the-60-second-pitch" class="heading-link" aria-label="Permalink to this section" title="Copy link to this section">#</a> </h2><p>MCP is <strong>Model Context Protocol</strong> — a small open spec that lets Claude Code call tools and read resources from external servers. The &ldquo;server&rdquo; is any process that speaks MCP over stdio or HTTP. Claude treats MCP tools the same as its built-in tools: the model decides when to call them, you confirm or auto-approve, results come back as text.</p>https://www.chenk.top/en/openclaw-quickstart/06-skills-and-mcp/Mon, 13 Apr 2026 09:00:00 +0000https://www.chenk.top/en/openclaw-quickstart/06-skills-and-mcp/<p>After five pieces, you have a working OpenClaw with a chat channel. This is where it stops being a demo.</p> <p><figure class="article-figure"> <img src="https://blog-pic-ck.oss-cn-beijing.aliyuncs.com/posts/en/openclaw-quickstart/06-skills-and-mcp/illustration_1.png" alt="OpenClaw QuickStart (6): Skills, MCP, and Shipping Something Real — Chapter overview" loading="lazy" decoding="async" class="content-image"> </figure> </p> <hr> <h2 id="what-well-build" class="heading-anchor">What we&rsquo;ll build<a href="#what-well-build" class="heading-link" aria-label="Permalink to this section" title="Copy link to this section">#</a> </h2><p><figure class="article-figure"> <img src="https://blog-pic-ck.oss-cn-beijing.aliyuncs.com/posts/en/openclaw-quickstart/06-skills-and-mcp/fig_skills.png" alt="Skill composition pipeline — from trigger to tool execution" loading="lazy" decoding="async" class="content-image"> </figure> </p> <p>A morning-briefing agent that:</p> <ol> <li>Runs at 7am every weekday</li> <li>Fetches the top headlines from Hacker News (via a Playwright MCP server)</li> <li>Reads my calendar for the day (via a Skill that wraps <code>gcalcli</code>)</li> <li>Summarizes both into a paragraph and pushes it to my Telegram</li> </ol> <p>This is a real workflow. By the end, you&rsquo;ll have the structure to swap in your own data sources. But first, let&rsquo;s understand the two systems we&rsquo;re combining.</p>