{"id":8249,"date":"2026-04-12T13:30:00","date_gmt":"2026-04-12T05:30:00","guid":{"rendered":"https:\/\/meta-quantum.today\/?p=8249"},"modified":"2026-04-12T14:10:38","modified_gmt":"2026-04-12T06:10:38","slug":"playwright-cli%ef%bc%9acli-skill-%e6%90%ad%e5%bb%ba-ai-%e6%b5%8f%e8%a7%88%e5%99%a8%e8%87%aa%e5%8a%a8%e5%8c%96%e6%a1%86%e6%9e%b6","status":"publish","type":"post","link":"https:\/\/meta-quantum.today\/?p=8249","title":{"rendered":"Playwright CLI\uff1aCLI + Skill \u642d\u5efa AI \u6d4f\u89c8\u5668\u81ea\u52a8\u5316\u6846\u67b6"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\" style=\"font-size:30px\">\u5f15\u8a00<\/h1>\n\n\n\n<p style=\"font-size:18px\">\u5728 AI \u5de5\u5177\u9ad8\u901f\u8fed\u4ee3\u7684\u4eca\u5929\uff0c\u5982\u4f55\u8ba9 AI \u771f\u6b63\u66ff\u4ee3\u4eba\u5de5\u5b8c\u6210\u7e41\u7410\u7684\u6d4f\u89c8\u5668\u64cd\u4f5c\uff0c\u540c\u65f6\u53c8\u4e0d\u6d88\u8017\u5927\u91cf token\uff1f<a href=\"#video\" title=\"\">\u89c6\u9891\u7531&#8221;\u722c\u722c\u867e&#8221;\u51fa\u54c1<\/a>\uff0c\u7cfb\u7edf\u4ecb\u7ecd\u4e86\u4e00\u5957\u4ee5 <strong>Playwright CLI + Skill<\/strong> \u4e3a\u6838\u5fc3\u3001\u914d\u5408 Claude Code \u6216 Codex \u7684\u6d4f\u89c8\u5668\u81ea\u52a8\u5316\u6846\u67b6\uff0c\u4e0d\u4ec5\u5927\u5e45\u964d\u4f4e token \u6d88\u8017\uff0c\u751a\u81f3\u80fd\u5b9e\u73b0<strong>\u96f6 token \u5168\u81ea\u52a8\u5316<\/strong>\u5de5\u4f5c\u6d41\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:22px\">&#8211;\u719f\u7ec3\u638c\u63e1 Playwright CLI \u5b89\u88c5\u3001\u8bbe\u7f6e\u3001\u914d\u7f6e\u4ee5\u53ca\u5982\u4f55\u96c6\u6210\u5230 Claude:<\/h2>\n\n\n    <div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-1'>\n    \n<style>\n:root{--tab-active-bg:var(--color-background-primary);--code-bg:var(--color-background-tertiary);}\n*{box-sizing:border-box;margin:0;padding:0;}\nbody{font-family:var(--font-sans);color:var(--color-text-primary);}\n.wrap{padding:1rem 0;max-width:900px;}\n.tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:0.5px solid var(--color-border-tertiary);margin-bottom:1.5rem;padding-bottom:0;}\n.tab{padding:8px 16px;font-size:15px;cursor:pointer;border:0.5px solid transparent;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;color:var(--color-text-secondary);transition:all .15s;background:transparent;margin-bottom:-0.5px;}\n.tab:hover{color:blue;background:var(--color-background-secondary);}\n.tab.active{border-color:var(--color-border-tertiary);border-bottom-color:var(--color-background-primary);color:var(--color-text-primary);font-weight:500;background:lightblue;}\n.panel{display:none;}.panel.active{display:block;}\n.section{margin-bottom:2rem;}\nh2{font-size:20px;font-weight:500;margin-bottom:1rem;color:var(--color-text-primary);}\nh3{font-size:18px;font-weight:500;margin-bottom:.75rem;color:var(--color-text-primary);}\np,li{font-size:18px;line-height:1.7;color:var(--color-text-secondary);}\nul,ol{padding-left:1.25rem;margin:.5rem 0;}\nli{margin-bottom:.25rem;}\n.code-block{background:var(--color-background-tertiary);border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);padding:1rem 1.25rem;font-family:var(--font-mono);font-size:15px;overflow-x:auto;margin:.75rem 0;position:relative;line-height:1.6;}\n.code-block .comment{color:var(--color-text-tertiary);}\n.code-block .cmd{color:#0C447C;}\n.code-block .flag{color:#3B6D11;}\n.code-block .str{color:#854F0B;}\n.copy-btn{position:absolute;top:8px;right:8px;padding:3px 8px;font-size:11px;border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);cursor:pointer;background:var(--color-background-primary);color:var(--color-text-secondary);}\n.copy-btn:hover{background:var(--color-background-secondary);}\n.badge{display:inline-block;padding:2px 8px;border-radius:var(--border-radius-md);font-size:11px;font-weight:500;}\n.badge-blue{background:#E6F1FB;color:#0C447C;}\n.badge-green{background:#EAF3DE;color:#27500A;}\n.badge-amber{background:#FAEEDA;color:#633806;}\n.badge-red{background:#FCEBEB;color:#791F1F;}\n.badge-teal{background:#E1F5EE;color:#085041;}\n.card{background:var(--color-background-primary);border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);padding:1rem 1.25rem;margin-bottom:.75rem;}\n.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin:.75rem 0;}\n.metric-card{background:var(--color-background-secondary);border-radius:var(--border-radius-md);padding:1rem;text-align:center;}\n.metric-num{font-size:28px;font-weight:500;color:var(--color-text-primary);margin-top:.25rem;}\n.metric-label{font-size:12px;color:var(--color-text-secondary);}\n.step{display:flex;gap:1rem;margin-bottom:1rem;align-items:flex-start;}\n.step-num{width:28px;height:28px;border-radius:50%;background:#E6F1FB;color:#0C447C;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;}\n.step-body{flex:1;}\n.flow{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:.75rem 0;}\n.flow-box{padding:8px 14px;border-radius:var(--border-radius-md);font-size:13px;font-weight:500;}\n.flow-arrow{color:var(--color-text-tertiary);font-size:16px;}\n.divider{border:none;border-top:0.5px solid var(--color-border-tertiary);margin:1.5rem 0;}\n.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:.75rem 0;}\n.compare-head{font-size:15px;font-weight:500;padding:.5rem;border-bottom:0.5px solid var(--color-border-tertiary);margin-bottom:.5rem;}\n.check{color:#3B6D11;font-size:15px;}\n.cross{color:#A32D2D;font-size:15px;}\n.skill-file{border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);overflow:hidden;margin:.75rem 0;}\n.skill-header{background:var(--color-background-secondary);padding:.5rem 1rem;font-size:15px;font-weight:500;display:flex;align-items:center;gap:8px;border-bottom:0.5px solid var(--color-border-tertiary);}\n.skill-body{padding:1rem;font-family:var(--font-mono);font-size:15px;line-height:1.6;background:var(--color-background-tertiary);}\n.tag{display:inline-block;padding:1px 6px;border-radius:4px;font-size:11px;margin-right:4px;}\n.tag-purple{background:#EEEDFE;color:#3C3489;}\n.tag-coral{background:#FAECE7;color:#993C1D;}\n.case-tab{display:flex;gap:4px;margin-bottom:1rem;}\n.case-btn{padding:6px 12px;font-size:13px;border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);cursor:pointer;background:transparent;color:var(--color-text-secondary);}\n.case-btn.active{background:var(--color-background-secondary);color:var(--color-text-primary);font-weight:500;}\n.case-panel{display:none;}.case-panel.active{display:block;}\n.token-bar{background:var(--color-background-secondary);border-radius:4px;height:18px;margin:.25rem 0;overflow:hidden;position:relative;}\n.token-fill{height:100%;border-radius:4px;display:flex;align-items:center;padding:0 8px;}\n.token-label{font-size:11px;font-weight:500;}\n.info-row{display:flex;gap:8px;align-items:center;margin:.4rem 0;font-size:13px;}\n.param-table{width:100%;border-collapse:collapse;font-size:13px;margin:.75rem 0;}\n.param-table th{text-align:left;padding:6px 10px;background:var(--color-background-secondary);font-weight:500;font-size:12px;color:var(--color-text-secondary);border-bottom:0.5px solid var(--color-border-tertiary);}\n.param-table td{padding:8px 10px;border-bottom:0.5px solid var(--color-border-tertiary);vertical-align:top;}\n.param-table td:first-child{font-family:var(--font-mono);font-size:12px;color:#0C447C;}\n.param-table td:last-child{color:var(--color-text-secondary);}\n.ask-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;border:0.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);cursor:pointer;background:transparent;color:var(--color-text-primary);margin:.5rem .5rem 0 0;}\n.ask-btn:hover{background:var(--color-background-secondary);}\n<\/style>\n\n<div class=\"wrap\" style=\"background-color: lightgray;\">\n<h2 class=\"sr-only\" style=\"position:absolute;width:1px;height:1px;overflow:hidden;\">Playwright CLI \u5b8c\u6574\u4e2d\u6587\u6307\u5357\u2014\u2014\u5b89\u88c5\u3001\u914d\u7f6e\u3001\u4e0e Claude Code \u96c6\u6210<\/h2>\n<div class=\"tabs\" id=\"mainTabs\">\n  <button class=\"tab active\" onclick=\"switchTab(0)\">\u6982\u89c8<\/button>\n  <button class=\"tab\" onclick=\"switchTab(1)\">\u5b89\u88c5\u4e0e\u914d\u7f6e<\/button>\n  <button class=\"tab\" onclick=\"switchTab(2)\">\u6838\u5fc3\u547d\u4ee4<\/button>\n  <button class=\"tab\" onclick=\"switchTab(3)\">\u63a5\u5165 Claude Code<\/button>\n  <button class=\"tab\" onclick=\"switchTab(4)\">Skill \u7f16\u5199<\/button>\n  <button class=\"tab\" onclick=\"switchTab(5)\">\u5b9e\u6218\u6848\u4f8b<\/button>\n  <button class=\"tab\" onclick=\"switchTab(6)\">\u5de5\u4f5c\u6d41\u603b\u7ed3<\/button>\n<\/div>\n\n<div class=\"panel active\" id=\"panel0\">\n  <div class=\"section\">\n    <h2>\u4ec0\u4e48\u662f Playwright CLI\uff1f<\/h2>\n    <p>Playwright CLI \u662f\u5fae\u8f6f\u4e8e 2026 \u5e74\u521d\u5f00\u6e90\u7684\u547d\u4ee4\u884c\u6d4f\u89c8\u5668\u81ea\u52a8\u5316\u5de5\u5177\uff0c\u4e13\u4e3a AI Agent \u573a\u666f\u8bbe\u8ba1\uff0c\u6838\u5fc3\u4f18\u52bf\u662f<strong style=\"font-weight:500\">\u6309\u9700\u52a0\u8f7d<\/strong>\u2014\u2014\u4e0d\u5c06\u6574\u4e2a DOM \u585e\u5165\u4e0a\u4e0b\u6587\uff0c\u5927\u5e45\u8282\u7701 token\u3002<\/p>\n    <div class=\"card-grid\" style=\"margin-top:1rem;\">\n      <div class=\"metric-card\"><div class=\"metric-label\">\u5bf9\u6bd4 MCP \u65b9\u6848<\/div><div class=\"metric-num\" style=\"color:#0C447C;\">4\u00d7<\/div><div class=\"metric-label\">token \u8282\u7701\u500d\u6570<\/div><\/div>\n      <div class=\"metric-card\"><div class=\"metric-label\">\u6280\u80fd\u6c89\u6dc0\u540e<\/div><div class=\"metric-num\" style=\"color:#3B6D11;\">10\u00d7<\/div><div class=\"metric-label\">\u6548\u7387\u63d0\u5347\u500d\u6570<\/div><\/div>\n      <div class=\"metric-card\"><div class=\"metric-label\">\u56fa\u5b9a\u6d41\u7a0b\u811a\u672c\u5316<\/div><div class=\"metric-num\" style=\"color:#854F0B;\">0<\/div><div class=\"metric-label\">token \u6d88\u8017<\/div><\/div>\n    <\/div>\n    <hr class=\"divider\">\n    <h3>\u67b6\u6784\u5bf9\u6bd4\uff1aMCP vs Playwright CLI<\/h3>\n    <div class=\"compare-grid\">\n      <div class=\"card\">\n        <div class=\"compare-head\"><span class=\"badge badge-red\">\u4f20\u7edf MCP \u65b9\u6848<\/span><\/div>\n        <div class=\"info-row\"><span class=\"cross\">\u2717<\/span> \u6574\u4e2a DOM \u7ed3\u6784\u585e\u5165\u4e0a\u4e0b\u6587<\/div>\n        <div class=\"info-row\"><span class=\"cross\">\u2717<\/span> \u622a\u56fe\u76f4\u63a5\u53d1\u9001\u7ed9 AI<\/div>\n        <div class=\"info-row\"><span class=\"cross\">\u2717<\/span> token \u6d88\u8017\u6781\u9ad8<\/div>\n        <div class=\"info-row\"><span class=\"cross\">\u2717<\/span> \u65e0\u6cd5\u63a7\u5236\u52a0\u8f7d\u7c92\u5ea6<\/div>\n      <\/div>\n      <div class=\"card\" style=\"border-color:var(--color-border-info);\">\n        <div class=\"compare-head\"><span class=\"badge badge-blue\">Playwright CLI \u65b9\u6848<\/span><\/div>\n        <div class=\"info-row\"><span class=\"check\">\u2713<\/span> \u4ec5\u8fd4\u56de\u7b80\u6d01\u7f51\u9875\u6458\u8981<\/div>\n        <div class=\"info-row\"><span class=\"check\">\u2713<\/span> \u622a\u56fe\u5b58\u672c\u5730\uff0cAI \u6309\u9700\u8bfb\u53d6<\/div>\n        <div class=\"info-row\"><span class=\"check\">\u2713<\/span> token \u6d88\u8017\u8282\u7701\u7ea6 4 \u500d<\/div>\n        <div class=\"info-row\"><span class=\"check\">\u2713<\/span> \u5feb\u7167\u6587\u4ef6\u6309\u9700\u52a0\u8f7d<\/div>\n      <\/div>\n    <\/div>\n    <hr class=\"divider\">\n    <h3>\u9002\u7528\u573a\u666f<\/h3>\n    <div class=\"card-grid\">\n      <div class=\"card\"><span class=\"badge badge-teal\">\u6570\u636e\u91c7\u96c6<\/span><p style=\"margin-top:.5rem;\">\u6293\u53d6\u7535\u5546\u8bc4\u8bba\u3001\u4ef7\u683c\u76d1\u63a7\u3001\u5b9a\u671f\u62a5\u544a\u751f\u6210<\/p><\/div>\n      <div class=\"card\"><span class=\"badge badge-blue\">\u5185\u5bb9\u53d1\u5e03<\/span><p style=\"margin-top:.5rem;\">\u81ea\u52a8\u5c06\u6587\u7ae0\u53d1\u5e03\u5230\u5404\u5e73\u53f0\uff0c\u5904\u7406\u56fe\u7247\u4e0a\u4f20<\/p><\/div>\n      <div class=\"card\"><span class=\"badge badge-green\">\u81ea\u52a8\u5316\u6d4b\u8bd5<\/span><p style=\"margin-top:.5rem;\">\u5bf9 Web App \u8fdb\u884c\u7aef\u5230\u7aef\u6d4b\u8bd5\uff0c\u5b9a\u65f6\u5de1\u68c0<\/p><\/div>\n      <div class=\"card\"><span class=\"badge badge-amber\">\u6d41\u7a0b\u81ea\u52a8\u5316<\/span><p style=\"margin-top:.5rem;\">\u8868\u5355\u586b\u5199\u3001\u91cd\u590d\u64cd\u4f5c\u3001\u6570\u636e\u5f55\u5165\u7b49\u65e5\u5e38\u4efb\u52a1<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"panel\" id=\"panel1\">\n  <div class=\"section\">\n    <h2>\u73af\u5883\u51c6\u5907<\/h2>\n    <div class=\"step\">\n      <div class=\"step-num\">1<\/div>\n      <div class=\"step-body\">\n        <h3>\u5b89\u88c5 Node.js<\/h3>\n        <p>\u524d\u5f80 <strong style=\"font-weight:500\">nodejs.org<\/strong> \u4e0b\u8f7d\u5bf9\u5e94\u64cd\u4f5c\u7cfb\u7edf\u7684\u5b89\u88c5\u5305\uff0c\u63a8\u8350\u4f7f\u7528 LTS \u7248\u672c\uff08v18+\uff09\u3002<\/p>\n        <div class=\"code-block\">\n          <button class=\"copy-btn\" onclick=\"copyCode(this)\">\u590d\u5236<\/button>\n          <span class=\"comment\"># \u9a8c\u8bc1\u5b89\u88c5<\/span><br>\n          <span class=\"cmd\">node<\/span> <span class=\"flag\">&#8211;version<\/span><br>\n          <span class=\"cmd\">npm<\/span> <span class=\"flag\">&#8211;version<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"step\">\n      <div class=\"step-num\">2<\/div>\n      <div class=\"step-body\">\n        <h3>\u5b89\u88c5 Playwright CLI<\/h3>\n        <div class=\"code-block\">\n          <button class=\"copy-btn\" onclick=\"copyCode(this)\">\u590d\u5236<\/button>\n          <span class=\"comment\"># \u5168\u5c40\u5b89\u88c5 playwright CLI<\/span><br>\n          <span class=\"cmd\">npm<\/span> install <span class=\"flag\">-g<\/span> @playwright\/mcp@latest<br><br>\n          <span class=\"comment\"># \u6216\u4f7f\u7528 npx \u76f4\u63a5\u8fd0\u884c\uff08\u65e0\u9700\u5168\u5c40\u5b89\u88c5\uff09<\/span><br>\n          <span class=\"cmd\">npx<\/span> @playwright\/mcp@latest <span class=\"flag\">&#8211;help<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"step\">\n      <div class=\"step-num\">3<\/div>\n      <div class=\"step-body\">\n        <h3>\u5b89\u88c5\u6d4f\u89c8\u5668<\/h3>\n        <p>\u63a8\u8350\u4f7f\u7528 Chrome\uff0cEdge \u4e5f\u53ef\u3002\u786e\u4fdd\u5df2\u5b89\u88c5\u5e76\u53ef\u88ab\u7cfb\u7edf\u8bc6\u522b\u3002<\/p>\n        <div class=\"code-block\">\n          <button class=\"copy-btn\" onclick=\"copyCode(this)\">\u590d\u5236<\/button>\n          <span class=\"comment\"># \u5b89\u88c5 Chromium\uff08\u5982\u7cfb\u7edf\u65e0 Chrome\uff09<\/span><br>\n          <span class=\"cmd\">npx<\/span> playwright install chromium\n        <\/div>\n      <\/div>\n    <\/div>\n    <hr class=\"divider\">\n    <h2>\u9a8c\u8bc1\u5b89\u88c5<\/h2>\n    <div class=\"code-block\">\n      <button class=\"copy-btn\" onclick=\"copyCode(this)\">\u590d\u5236<\/button>\n      <span class=\"comment\"># \u6d4b\u8bd5\uff1a\u6253\u5f00\u8c37\u6b4c\u9996\u9875\uff08\u6709\u5934\u6a21\u5f0f\uff0c\u53ef\u89c1\u6d4f\u89c8\u5668\u7a97\u53e3\uff09<\/span><br>\n      <span class=\"cmd\">npx<\/span> @playwright\/mcp@latest <span class=\"str\">&#8220;\u6253\u5f00 google.com&#8221;<\/span> <span class=\"flag\">&#8211;headed<\/span><br><br>\n      <span class=\"comment\"># \u5982\u6210\u529f\uff0c\u63a7\u5236\u53f0\u8f93\u51fa\u7f51\u9875\u6458\u8981\uff0c\u800c\u975e\u5b8c\u6574 DOM<\/span>\n    <\/div>\n    <hr class=\"divider\">\n    <h2>\u9879\u76ee\u76ee\u5f55\u521d\u59cb\u5316<\/h2>\n    <div class=\"code-block\">\n      <button class=\"copy-btn\" onclick=\"copyCode(this)\">\u590d\u5236<\/button>\n      <span class=\"comment\"># \u521b\u5efa\u9879\u76ee\u76ee\u5f55<\/span><br>\n      <span class=\"cmd\">mkdir<\/span> my-automation &#038;&#038; <span class=\"cmd\">cd<\/span> my-automation<br><br>\n      <span class=\"comment\"># \u521d\u59cb\u5316 npm\uff08\u53ef\u9009\uff0c\u7528\u4e8e\u7ba1\u7406\u811a\u672c\u4f9d\u8d56\uff09<\/span><br>\n      <span class=\"cmd\">npm<\/span> init <span class=\"flag\">-y<\/span><br><br>\n      <span class=\"comment\"># \u5b89\u88c5 Claude Code Skill\uff08\u6d4f\u89c8\u5668\u81ea\u52a8\u5316\u6280\u80fd\u6587\u6863\uff09<\/span><br>\n      <span class=\"cmd\">npx<\/span> @anthropic-ai\/claude-code <span class=\"flag\">&#8211;skill<\/span> playwright\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"panel\" id=\"panel2\">\n  <div class=\"section\">\n    <h2>\u6838\u5fc3\u547d\u4ee4\u53c2\u8003<\/h2>\n    <h3>\u57fa\u7840\u5bfc\u822a<\/h3>\n    <div class=\"code-block\">\n      <button class=\"copy-btn\" onclick=\"copyCode(this)\">\u590d\u5236<\/button>\n      <span class=\"comment\"># \u6253\u5f00\u7f51\u9875\uff08\u6709\u5934\u6d4f\u89c8\u5668\uff09<\/span><br>\n      <span class=\"cmd\">npx<\/span> @playwright\/mcp@latest <span class=\"str\">&#8220;goto https:\/\/example.com&#8221;<\/span> <span class=\"flag\">&#8211;headed<\/span><br><br>\n      <span class=\"comment\"># \u6301\u4e45\u5316\u767b\u5f55\u72b6\u6001\uff08Cookie\u3001LocalStorage \u7b49\u5199\u5165\u78c1\u76d8\uff09<\/span><br>\n      <span class=\"cmd\">npx<\/span> @playwright\/mcp@latest <span class=\"str\">&#8220;goto https:\/\/x.com&#8221;<\/span> <span class=\"flag\">&#8211;headed &#8211;persistent<\/span><br><br>\n      <span class=\"comment\"># \u65e0\u5934\u6a21\u5f0f\uff08\u540e\u53f0\u9759\u9ed8\u8fd0\u884c\uff0c\u8282\u7701\u5185\u5b58\uff09<\/span><br>\n      <span class=\"cmd\">npx<\/span> @playwright\/mcp@latest <span class=\"str\">&#8220;goto https:\/\/example.com&#8221;<\/span>\n    <\/div>\n    <h3>\u91cd\u8981\u53c2\u6570\u8bf4\u660e<\/h3>\n    <table class=\"param-table\">\n      <thead><tr><th>\u53c2\u6570<\/th><th>\u8bf4\u660e<\/th><th>\u4f7f\u7528\u573a\u666f<\/th><\/tr><\/thead>\n      <tbody>\n        <tr><td>&#8211;headed<\/td><td>\u6709\u5934\u6a21\u5f0f\uff0c\u53ef\u89c1\u6d4f\u89c8\u5668\u7a97\u53e3<\/td><td style=\"color:var(--color-text-secondary);\">\u8c03\u8bd5\u3001\u5f00\u53d1\u9636\u6bb5<\/td><\/tr>\n        <tr><td>&#8211;persistent<\/td><td>\u6301\u4e45\u5316 Cookie \u4e0e\u767b\u5f55\u72b6\u6001\u5230\u672c\u5730\u78c1\u76d8<\/td><td style=\"color:var(--color-text-secondary);\">\u9700\u8981\u767b\u5f55\u7684\u7f51\u7ad9\uff0c\u907f\u514d\u91cd\u590d\u8ba4\u8bc1<\/td><\/tr>\n        <tr><td>&#8211;screenshot<\/td><td>\u622a\u56fe\u4fdd\u5b58\u4e3a\u672c\u5730 PNG\uff0cAI \u6309\u9700\u8bfb\u53d6<\/td><td style=\"color:var(--color-text-secondary);\">\u9a8c\u8bc1\u9875\u9762\u72b6\u6001\u3001\u8c03\u8bd5<\/td><\/tr>\n        <tr><td>&#8211;snapshot<\/td><td>\u8f93\u51fa\u8be6\u7ec6 DOM \u5feb\u7167\u6587\u4ef6\u8def\u5f84<\/td><td style=\"color:var(--color-text-secondary);\">\u9700\u8981\u7cbe\u786e\u5143\u7d20\u5b9a\u4f4d\u65f6<\/td><\/tr>\n        <tr><td>&#8211;timeout<\/td><td>\u8bbe\u7f6e\u64cd\u4f5c\u8d85\u65f6\u65f6\u95f4\uff08\u6beb\u79d2\uff09<\/td><td style=\"color:var(--color-text-secondary);\">\u7f51\u7edc\u6162\u6216\u9875\u9762\u52a0\u8f7d\u6162\u65f6<\/td><\/tr>\n      <\/tbody>\n    <\/table>\n    <hr class=\"divider\">\n    <h3>\u6309\u9700\u52a0\u8f7d\u539f\u7406\uff08\u8282\u7701 token \u7684\u5173\u952e\uff09<\/h3>\n    <div class=\"card\">\n      <p style=\"font-size:13px;line-height:1.8;\">\u6267\u884c\u547d\u4ee4\u540e\uff0cPlaywright CLI \u53ea\u8fd4\u56de<span class=\"tag tag-purple\">\u7b80\u6d01\u6458\u8981<\/span>\uff0c\u5e76\u9644\u4e0a\u5feb\u7167\u6587\u4ef6\u8def\u5f84\u3002AI \u6839\u636e\u4efb\u52a1\u9700\u8981\u81ea\u884c\u51b3\u5b9a\u662f\u5426\u8bfb\u53d6\u5b8c\u6574\u5feb\u7167\u6216\u622a\u56fe\uff0c\u800c\u4e0d\u662f\u50cf MCP \u90a3\u6837\u5c06\u6240\u6709\u5185\u5bb9\u5f3a\u5236\u585e\u5165\u4e0a\u4e0b\u6587\u3002<\/p>\n      <div class=\"flow\" style=\"margin-top:1rem;\">\n        <div class=\"flow-box\" style=\"background:#E6F1FB;color:#0C447C;\">\u6267\u884c\u547d\u4ee4<\/div>\n        <span class=\"flow-arrow\">\u2192<\/span>\n        <div class=\"flow-box\" style=\"background:#EAF3DE;color:#27500A;\">\u8fd4\u56de\u6458\u8981<\/div>\n        <span class=\"flow-arrow\">\u2192<\/span>\n        <div class=\"flow-box\" style=\"background:#FAEEDA;color:#633806;\">AI \u5224\u65ad\u662f\u5426\u9700\u8981\u8be6\u60c5<\/div>\n        <span class=\"flow-arrow\">\u2192<\/span>\n        <div class=\"flow-box\" style=\"background:#E1F5EE;color:#085041;\">\u6309\u9700\u8bfb\u53d6\u5feb\u7167\/\u622a\u56fe<\/div>\n      <\/div>\n    <\/div>\n    <hr class=\"divider\">\n    <h3>\u5e38\u7528\u64cd\u4f5c\u547d\u4ee4<\/h3>\n    <div class=\"code-block\">\n      <button class=\"copy-btn\" onclick=\"copyCode(this)\">\u590d\u5236<\/button>\n      <span class=\"comment\"># \u70b9\u51fb\u5143\u7d20<\/span><br>\n      playwright_click <span class=\"str\">&#8220;button[data-testid=&#8217;submit&#8217;]&#8221;<\/span><br><br>\n      <span class=\"comment\"># \u8f93\u5165\u6587\u672c<\/span><br>\n      playwright_fill <span class=\"str\">&#8220;input[name=&#8217;search&#8217;]&#8221;<\/span> <span class=\"str\">&#8220;\u641c\u7d22\u5173\u952e\u8bcd&#8221;<\/span><br><br>\n      <span class=\"comment\"># \u622a\u56fe\uff08\u5b58\u672c\u5730\uff0cAI \u6309\u9700\u8bfb\u53d6\uff09<\/span><br>\n      playwright_screenshot <span class=\"flag\">&#8211;path<\/span> <span class=\"str\">&#8220;\/tmp\/screenshot.png&#8221;<\/span><br><br>\n      <span class=\"comment\"># \u6267\u884c JavaScript<\/span><br>\n      playwright_evaluate <span class=\"str\">&#8220;document.querySelectorAll(&#8216;.review&#8217;).length&#8221;<\/span><br><br>\n      <span class=\"comment\"># \u7b49\u5f85\u5143\u7d20\u51fa\u73b0<\/span><br>\n      playwright_wait_for_selector <span class=\"str\">&#8220;.results-loaded&#8221;<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"panel\" id=\"panel3\">\n  <div class=\"section\">\n    <h2>\u63a5\u5165 Claude Code<\/h2>\n    <div class=\"step\">\n      <div class=\"step-num\">1<\/div>\n      <div class=\"step-body\">\n        <h3>\u521b\u5efa\u9879\u76ee\u76ee\u5f55\uff0c\u5b89\u88c5 Skill<\/h3>\n        <div class=\"code-block\">\n          <button class=\"copy-btn\" onclick=\"copyCode(this)\">\u590d\u5236<\/button>\n          <span class=\"cmd\">mkdir<\/span> my-project &#038;&#038; <span class=\"cmd\">cd<\/span> my-project<br><br>\n          <span class=\"comment\"># \u5b89\u88c5 Playwright CLI \u7684\u914d\u5957 Skill<\/span><br>\n          <span class=\"cmd\">npx<\/span> playwright-skill install <span class=\"flag\">&#8211;target<\/span> .claude<br><br>\n          <span class=\"comment\"># Skill \u6587\u4ef6\u7ed3\u6784\uff1a<\/span><br>\n          <span class=\"comment\"># .claude\/<\/span><br>\n          <span class=\"comment\">#   skills\/<\/span><br>\n          <span class=\"comment\">#     playwright-cli\/<\/span><br>\n          <span class=\"comment\">#       SKILL.md      \u2190 AI \u8bfb\u53d6\u7684\u8bf4\u660e\u6587\u6863<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"step\">\n      <div class=\"step-num\">2<\/div>\n      <div class=\"step-body\">\n        <h3>\u542f\u52a8 Claude Code\uff0c\u9a8c\u8bc1 Skill \u52a0\u8f7d<\/h3>\n        <div class=\"code-block\">\n          <button class=\"copy-btn\" onclick=\"copyCode(this)\">\u590d\u5236<\/button>\n          <span class=\"comment\"># \u5728\u9879\u76ee\u76ee\u5f55\u542f\u52a8 Claude Code<\/span><br>\n          <span class=\"cmd\">claude<\/span><br><br>\n          <span class=\"comment\"># \u5728 Claude Code \u5185\u9a8c\u8bc1<\/span><br>\n          &gt; \u4f60\u6709\u54ea\u4e9b skills\uff1f<br><br>\n          <span class=\"comment\"># \u9884\u671f\u8f93\u51fa\uff1a\u5217\u51fa playwright-cli skill<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"step\">\n      <div class=\"step-num\">3<\/div>\n      <div class=\"step-body\">\n        <h3>\u9002\u914d Codex\uff08\u53ef\u9009\uff09<\/h3>\n        <div class=\"code-block\">\n          <button class=\"copy-btn\" onclick=\"copyCode(this)\">\u590d\u5236<\/button>\n          <span class=\"comment\"># \u5c06 .claude \u76ee\u5f55\u6539\u540d\u4e3a .codex \u5373\u53ef\u9002\u914d OpenAI Codex<\/span><br>\n          <span class=\"cmd\">mv<\/span> .claude .codex<br><br>\n          <span class=\"comment\"># \u5728 Codex \u5185\u9a8c\u8bc1<\/span><br>\n          \/skills  <span class=\"comment\"># \u5e94\u53ef\u89c1 playwright-cli<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n    <hr class=\"divider\">\n    <h2>\u76ee\u5f55\u7ed3\u6784\u603b\u89c8<\/h2>\n    <div class=\"code-block\">\n      <span class=\"comment\">my-project\/<\/span><br>\n      \u251c\u2500\u2500 .claude\/<br>\n      \u2502   \u2514\u2500\u2500 skills\/<br>\n      \u2502       \u251c\u2500\u2500 playwright-cli\/<br>\n      \u2502       \u2502   \u2514\u2500\u2500 <span class=\"str\">SKILL.md<\/span>        <span class=\"comment\">\u2190 Playwright CLI \u4f7f\u7528\u8bf4\u660e<\/span><br>\n      \u2502       \u2514\u2500\u2500 scrape-reviews\/  <span class=\"comment\">\u2190 \u81ea\u5b9a\u4e49 Skill\uff08\u540e\u7eed\u521b\u5efa\uff09<\/span><br>\n      \u2502           \u2514\u2500\u2500 <span class=\"str\">SKILL.md<\/span><br>\n      \u251c\u2500\u2500 scripts\/                 <span class=\"comment\">\u2190 AI \u751f\u6210\u7684\u81ea\u52a8\u5316\u811a\u672c<\/span><br>\n      \u2502   \u2514\u2500\u2500 scrape-reviews.ps1<br>\n      \u2514\u2500\u2500 outputs\/                 <span class=\"comment\">\u2190 \u4efb\u52a1\u8f93\u51fa\u7ed3\u679c<\/span><br>\n          \u2514\u2500\u2500 reviews.csv\n    <\/div>\n    <hr class=\"divider\">\n    <h2>CLI + Skill \u53d6\u4ee3 MCP \u7684\u539f\u56e0<\/h2>\n    <div class=\"card\">\n      <p style=\"font-size:13px;color:var(--color-text-secondary);line-height:1.8;\">MCP \u662f\u5c06\u5de5\u5177\u80fd\u529b\u76f4\u63a5\u5d4c\u5165 AI \u4e0a\u4e0b\u6587\u7684\u534f\u8bae\uff0c\u6bcf\u6b21\u8c03\u7528\u90fd\u643a\u5e26\u5927\u91cf\u5143\u6570\u636e\u3002\u800c <span class=\"tag tag-purple\">CLI + Skill<\/span> \u6a21\u5f0f\u4e2d\uff0cSkill \u5145\u5f53\u8bf4\u660e\u6587\u6863\uff08AI \u8bfb\u4e00\u6b21\u5373\u8bb0\u4f4f\uff09\uff0cCLI \u4f5c\u4e3a\u547d\u4ee4\u6267\u884c\u5c42\uff0c\u4e24\u8005\u914d\u5408\u5b9e\u73b0\u8f7b\u91cf\u3001\u9ad8\u6548\u3001\u53ef\u6c89\u6dc0\u7684\u81ea\u52a8\u5316\u6846\u67b6\u3002<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"panel\" id=\"panel4\">\n  <div class=\"section\">\n    <h2>Skill \u6587\u4ef6\u7ed3\u6784\u4e0e\u7f16\u5199\u89c4\u8303<\/h2>\n    <p style=\"margin-bottom:1rem;\">Skill \u662f\u4e00\u4e2a Markdown \u6587\u4ef6\uff08SKILL.md\uff09\uff0c\u544a\u8bc9 AI \u5982\u4f55\u4f7f\u7528\u7279\u5b9a\u5de5\u5177\u6216\u6267\u884c\u7279\u5b9a\u6d41\u7a0b\u3002<\/p>\n    <div class=\"skill-file\">\n      <div class=\"skill-header\">\n        <span class=\"badge badge-blue\">SKILL.md<\/span>\n        <span style=\"font-size:11px;color:var(--color-text-secondary);\">.claude\/skills\/playwright-cli\/SKILL.md<\/span>\n      <\/div>\n      <div class=\"skill-body\">\n        <span style=\"color:#0C447C;\">&#8212;<\/span><br>\n        <span style=\"color:#3B6D11;\">name:<\/span> playwright-cli<br>\n        <span style=\"color:#3B6D11;\">description:<\/span> \u4f7f\u7528 Playwright CLI \u8fdb\u884c\u6d4f\u89c8\u5668\u81ea\u52a8\u5316<br>\n        <span style=\"color:#3B6D11;\">version:<\/span> 1.0.0<br>\n        <span style=\"color:#0C447C;\">&#8212;<\/span><br><br>\n        <span style=\"color:#854F0B;\">## \u5de5\u5177\u8bf4\u660e<\/span><br>\n        Playwright CLI \u662f\u547d\u4ee4\u884c\u6d4f\u89c8\u5668\u81ea\u52a8\u5316\u5de5\u5177\u3002<br>\n        \u6309\u9700\u52a0\u8f7d\u673a\u5236\uff0c\u5927\u5e45\u8282\u7701 token \u6d88\u8017\u3002<br><br>\n        <span style=\"color:#854F0B;\">## \u5b89\u88c5<\/span><br>\n        npm install -g @playwright\/mcp@latest<br><br>\n        <span style=\"color:#854F0B;\">## \u5e38\u7528\u547d\u4ee4<\/span><br>\n        &#8211; goto &lt;url&gt; &#8211;headed &#8211;persistent<br>\n        &#8211; click &lt;selector&gt;<br>\n        &#8211; fill &lt;selector&gt; &lt;text&gt;<br>\n        &#8211; screenshot &#8211;path &lt;file&gt;<br>\n        &#8211; evaluate &lt;js&gt;<br><br>\n        <span style=\"color:#854F0B;\">## \u6ce8\u610f\u4e8b\u9879<\/span><br>\n        &#8211; \u59cb\u7ec8\u6dfb\u52a0\u5408\u7406\u5ef6\u8fdf\u786e\u4fdd\u9875\u9762\u52a0\u8f7d<br>\n        &#8211; \u4f18\u5148\u4f7f\u7528 &#8211;persistent \u907f\u514d\u91cd\u590d\u767b\u5f55<br>\n        &#8211; \u8c03\u8bd5\u65f6\u4f7f\u7528 &#8211;headed \u67e5\u770b\u9875\u9762\u72b6\u6001\n      <\/div>\n    <\/div>\n    <hr class=\"divider\">\n    <h2>\u81ea\u5b9a\u4e49\u4e1a\u52a1 Skill \u793a\u4f8b<\/h2>\n    <div class=\"skill-file\">\n      <div class=\"skill-header\">\n        <span class=\"badge badge-teal\">\u4e1a\u52a1 SKILL.md<\/span>\n        <span style=\"font-size:11px;color:var(--color-text-secondary);\">.claude\/skills\/scrape-reviews\/SKILL.md<\/span>\n      <\/div>\n      <div class=\"skill-body\">\n        <span style=\"color:#0C447C;\">&#8212;<\/span><br>\n        <span style=\"color:#3B6D11;\">name:<\/span> scrape-reviews<br>\n        <span style=\"color:#3B6D11;\">description:<\/span> \u6293\u53d6\u7535\u5546\u5546\u54c1\u8bc4\u8bba\u5e76\u5bfc\u51fa CSV<br>\n        <span style=\"color:#0C447C;\">&#8212;<\/span><br><br>\n        <span style=\"color:#854F0B;\">## \u6d41\u7a0b<\/span><br>\n        1. \u6253\u5f00\u5546\u54c1\u9875\u9762\uff08&#8211;headed &#8211;persistent\uff09<br>\n        2. \u7b49\u5f85\u9875\u9762\u52a0\u8f7d\u5b8c\u6210\uff08selector: .product-title\uff09<br>\n        3. \u70b9\u51fb&#8221;\u67e5\u770b\u5168\u90e8\u8bc4\u4ef7&#8221;\u6309\u94ae<br>\n        4. \u7b49\u5f85\u8bc4\u8bba\u5217\u8868\u6e32\u67d3\uff08\u7b49\u5f85 2 \u79d2\uff09<br>\n        5. \u6267\u884c JS \u6293\u53d6\u8bc4\u8bba\u6570\u636e<br>\n        6. \u7ffb\u9875\u5faa\u73af\u76f4\u5230\u83b7\u53d6\u76ee\u6807\u6570\u91cf<br>\n        7. \u4fdd\u5b58\u4e3a CSV \u6587\u4ef6<br><br>\n        <span style=\"color:#854F0B;\">## \u5df2\u77e5\u95ee\u9898\u4e0e\u89e3\u51b3\u65b9\u6848<\/span><br>\n        &#8211; \u8bc4\u8bba\u61d2\u52a0\u8f7d\uff1a\u9700\u6eda\u52a8\u5230\u5e95\u90e8\u89e6\u53d1\u52a0\u8f7d<br>\n        &#8211; \u7ffb\u9875\u6309\u94ae\u53ef\u80fd\u88ab\u906e\u6321\uff1a\u5148\u6eda\u52a8\u5230\u53ef\u89c1\u533a\u57df<br>\n        &#8211; \u53cd\u722c\u9650\u5236\uff1a\u6bcf\u6b21\u64cd\u4f5c\u95f4\u9694 1-2 \u79d2<br><br>\n        <span style=\"color:#854F0B;\">## \u8f93\u51fa\u683c\u5f0f<\/span><br>\n        CSV \u5b57\u6bb5\uff1aid, author, rating, content, date\n      <\/div>\n    <\/div>\n    <hr class=\"divider\">\n    <h2>\u8ba9 AI \u81ea\u52a8\u751f\u6210 Skill<\/h2>\n    <div class=\"code-block\">\n      <button class=\"copy-btn\" onclick=\"copyCode(this)\">\u590d\u5236<\/button>\n      <span class=\"comment\"># \u4efb\u52a1\u5b8c\u6210\u540e\uff0c\u8ba9 AI \u63d0\u70bc Skill<\/span><br>\n      &gt; \u521b\u5efa\u4e00\u4e2a\u65b0\u7684 skill\uff0c\u628a\u521a\u624d\u6253\u5f00\u7f51\u7ad9\u3001<br>\n      &gt; \u67e5\u770b\u8bc4\u8bba\u5e76\u4fdd\u5b58\u7684\u5168\u8fc7\u7a0b\uff0c\u5305\u62ec\u9047\u5230\u7684\u5751\uff0c<br>\n      &gt; \u90fd\u63d0\u70bc\u4fdd\u5b58\u5230 .claude\/skills\/scrape-reviews\/ \u4e0b\u3002<br>\n      &gt; \u4ee5\u540e\u6211\u53ea\u8bf4&#8221;\u4fdd\u5b58\u8bc4\u8bba&#8221;\uff0c\u4f60\u5c31\u80fd\u8c03\u7528\u8fd9\u4e2a skill \u5b8c\u6210\u4efb\u52a1\u3002\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"panel\" id=\"panel5\">\n  <div class=\"section\">\n    <h2>\u5b9e\u6218\u6848\u4f8b<\/h2>\n    <div class=\"case-tab\">\n      <button class=\"case-btn active\" onclick=\"switchCase(0)\">\u6848\u4f8b\u4e00\uff1a\u6293\u53d6\u8bc4\u8bba<\/button>\n      <button class=\"case-btn\" onclick=\"switchCase(1)\">\u6848\u4f8b\u4e8c\uff1a\u81ea\u52a8\u53d1\u5e03\u6587\u7ae0<\/button>\n      <button class=\"case-btn\" onclick=\"switchCase(2)\">\u6848\u4f8b\u4e09\uff1aWeb App \u6d4b\u8bd5<\/button>\n    <\/div>\n\n    <div class=\"case-panel active\" id=\"case0\">\n      <h3>\u7535\u5546\u8bc4\u8bba\u6293\u53d6 \u2192 CSV \u5bfc\u51fa<\/h3>\n      <p style=\"margin-bottom:.75rem;\">\u76ee\u6807\uff1a\u83b7\u53d6\u67d0\u5546\u54c1\u524d 100 \u6761\u8bc4\u8bba\uff0c\u5bfc\u51fa\u4e3a CSV \u6587\u4ef6\u3002<\/p>\n      <h3 style=\"margin-top:1rem;\">\u7b2c\u4e00\u9636\u6bb5\uff1aAI \u63a2\u7d22\u6267\u884c\uff08\u65e0 Skill\uff09<\/h3>\n      <div class=\"code-block\">\n        <button class=\"copy-btn\" onclick=\"copyCode(this)\">\u590d\u5236<\/button>\n        &gt; \u4f7f\u7528 playwright cli &#8211;headed &#8211;persistent<br>\n        &gt; \u67e5\u770b\u8fd9\u4e2a\u5546\u54c1\u7684\u524d 100 \u6761\u8bc4\u8bba<br>\n        &gt; \u7136\u540e\u4fdd\u5b58\u5230 reviews.csv\n      <\/div>\n      <div class=\"token-bar\" style=\"max-width:400px;\"><div class=\"token-fill\" style=\"width:41%;background:#E24B4A;\"><span class=\"token-label\" style=\"color:#fff;font-size:11px;\">41% \u4e0a\u4e0b\u6587\u7a97\u53e3<\/span><\/div><\/div>\n      <p style=\"font-size:12px;color:var(--color-text-secondary);margin:.25rem 0 1rem;\">AI \u81ea\u884c\u63a2\u7d22\uff0c\u6d88\u8017 41% \u4e0a\u4e0b\u6587\u624d\u5b8c\u6210\u4efb\u52a1<\/p>\n\n      <h3 style=\"margin-top:1rem;\">\u7b2c\u4e8c\u9636\u6bb5\uff1a\u6c89\u6dc0 Skill\uff0c\u91cd\u8bd5\u76f8\u540c\u4efb\u52a1<\/h3>\n      <div class=\"code-block\">\n        <button class=\"copy-btn\" onclick=\"copyCode(this)\">\u590d\u5236<\/button>\n        <span class=\"comment\"># 1. \u8ba9 AI \u751f\u6210 Skill<\/span><br>\n        &gt; \u628a\u521a\u624d\u7684\u6d41\u7a0b\u63d0\u70bc\u6210 skill\uff0c\u5b58\u5230 .claude\/skills\/scrape-reviews\/<br><br>\n        <span class=\"comment\"># 2. \u6e05\u7a7a\u4e0a\u4e0b\u6587\uff0c\u91cd\u8bd5<\/span><br>\n        &gt; \u4f7f\u7528 scrape-reviews skill\uff0c\u6293\u53d6\u76f8\u540c\u5546\u54c1\u7684\u8bc4\u8bba\n      <\/div>\n      <div class=\"token-bar\" style=\"max-width:400px;\"><div class=\"token-fill\" style=\"width:5%;background:#639922;\"><span class=\"token-label\" style=\"color:#fff;font-size:11px;\">5%<\/span><\/div><\/div>\n      <p style=\"font-size:12px;color:var(--color-text-secondary);margin:.25rem 0 1rem;\">\u6709 Skill \u6307\u5bfc\u540e\uff0c\u4ec5\u7528 5% \u4e0a\u4e0b\u6587\u5b8c\u6210\uff0c\u6548\u7387\u63d0\u5347 <strong style=\"font-weight:500;\">10 \u500d<\/strong><\/p>\n\n      <h3 style=\"margin-top:1rem;\">\u7b2c\u4e09\u9636\u6bb5\uff1a\u56fa\u5316\u811a\u672c\uff0c\u96f6 token \u6267\u884c<\/h3>\n      <div class=\"code-block\">\n        <button class=\"copy-btn\" onclick=\"copyCode(this)\">\u590d\u5236<\/button>\n        <span class=\"comment\"># \u8ba9 AI \u751f\u6210\u72ec\u7acb\u811a\u672c<\/span><br>\n        &gt; \u628a\u521a\u624d\u6240\u6709 playwright cli \u547d\u4ee4\u6c47\u603b\u6210\u4e00\u4e2a\u811a\u672c\uff0c<br>\n        &gt; \u6267\u884c\u811a\u672c\u5c31\u80fd\u83b7\u53d6\u524d 100 \u6761\u8bc4\u8bba\u5e76\u4fdd\u5b58\u4e3a CSV\u3002<br>\n        &gt; \u6ce8\u610f\u6bcf\u4e00\u6b65\u90fd\u8981\u6709\u5408\u7406\u7684\u5ef6\u65f6\uff0c\u811a\u672c\u5199\u5b8c\u5148\u81ea\u884c\u6d4b\u8bd5\u3002<br><br>\n        <span class=\"comment\"># \u76f4\u63a5\u8fd0\u884c\u811a\u672c\uff08\u96f6 token\uff0c\u96f6 AI \u53c2\u4e0e\uff09<\/span><br>\n        <span class=\"cmd\">.\/scrape-reviews.ps1<\/span>   <span class=\"comment\"># Windows PowerShell<\/span><br>\n        <span class=\"cmd\">bash<\/span> scrape-reviews.sh  <span class=\"comment\"># macOS \/ Linux<\/span>\n      <\/div>\n      <div class=\"token-bar\" style=\"max-width:400px;\"><div class=\"token-fill\" style=\"width:1%;min-width:32px;background:#1D9E75;\"><span class=\"token-label\" style=\"color:#fff;font-size:11px;\">0<\/span><\/div><\/div>\n      <p style=\"font-size:12px;color:var(--color-text-secondary);margin:.25rem 0;\">\u811a\u672c\u76f4\u63a5\u8fd0\u884c\uff0c\u5b8c\u5168\u4e0d\u9700\u8981 AI\uff0ctoken \u6d88\u8017\u5f52\u96f6<\/p>\n    <\/div>\n\n    <div class=\"case-panel\" id=\"case1\">\n      <h3>Markdown \u6587\u7ae0\u81ea\u52a8\u53d1\u5e03\u5230 X \u5e73\u53f0<\/h3>\n      <p style=\"margin-bottom:.75rem;\">\u75db\u70b9\uff1aX \u4e0d\u652f\u6301 Markdown \u76f4\u63a5\u7c98\u8d34\uff0c\u56fe\u7247\u9700\u624b\u52a8\u4e00\u5f20\u5f20\u66ff\u6362\uff0c\u6781\u4e3a\u7e41\u7410\u3002<\/p>\n      <div class=\"step\">\n        <div class=\"step-num\">1<\/div>\n        <div class=\"step-body\">\n          <h3>\u4e0b\u8f7d\u56fe\u7247\u5e76\u8f6c\u6362\u683c\u5f0f<\/h3>\n          <div class=\"code-block\">\n            <button class=\"copy-btn\" onclick=\"copyCode(this)\">\u590d\u5236<\/button>\n            &gt; \u7f16\u5199 Python \u811a\u672c\uff1a<br>\n            &gt; 1. \u628a\u6587\u7ae0\u91cc\u7684\u56fe\u7247\u4e0b\u8f7d\u5230 .\/images\/ \u4ece 001 \u5f00\u59cb\u7f16\u53f7<br>\n            &gt; 2. \u8f6c\u6362\u6210\u53ea\u4f7f\u7528\u672c\u5730\u56fe\u7247\u8def\u5f84\u7684 markdown<br>\n            &gt; 3. \u8fd0\u884c pandoc \u8f6c\u6362\u6210 HTML\uff08\u6bcf\u5f20\u56fe\u72ec\u7acb\u6bb5\u843d\uff09\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"step\">\n        <div class=\"step-num\">2<\/div>\n        <div class=\"step-body\">\n          <h3>AI \u81ea\u52a8\u5316\u53d1\u5e03\u6d41\u7a0b<\/h3>\n          <div class=\"code-block\">\n            <button class=\"copy-btn\" onclick=\"copyCode(this)\">\u590d\u5236<\/button>\n            &gt; \u4f7f\u7528 playwright cli\uff1a<br>\n            &gt; 1. \u6253\u5f00 X\uff0c\u521b\u5efa\u65b0\u6587\u7ae0\u8349\u7a3f<br>\n            &gt; 2. \u7c98\u8d34 HTML \u5185\u5bb9<br>\n            &gt; 3. \u627e\u5230\u6240\u6709\u7167\u76f8\u673a\u5360\u4f4d\u7b26\u56fe\u6807<br>\n            &gt; 4. \u9010\u4e2a\u5220\u9664\u5360\u4f4d\u7b26\uff0c\u4ece images\/ \u6309\u987a\u5e8f\u4e0a\u4f20\u771f\u5b9e\u56fe\u7247<br>\n            &gt; 5. \u56fe\u6807\u6570\u91cf\u4e0e\u56fe\u7247\u6570\u91cf\u76f8\u7b49\uff0c\u6309\u987a\u5e8f\u66ff\u6362\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"step\">\n        <div class=\"step-num\">3<\/div>\n        <div class=\"step-body\">\n          <h3>\u56fa\u5316\u6210 Skill\uff0c\u4e00\u952e\u53d1\u5e03<\/h3>\n          <div class=\"code-block\">\n            <button class=\"copy-btn\" onclick=\"copyCode(this)\">\u590d\u5236<\/button>\n            &gt; \u628a\u4ece\u5934\u5f00\u59cb\u7684\u5168\u6d41\u7a0b\u6574\u7406\u6210\u4e00\u4e2a skill<br>\n            &gt; \u653e\u5230 .claude\/skills\/publish-to-x\/<br>\n            &gt; \u4ee5\u540e\u6211\u53ea\u8981\u7ed9\u4f60\u4e00\u4e2a\u6587\u7ae0\u8def\u5f84\uff0c<br>\n            &gt; \u544a\u8bc9\u4f60\u7528\u8fd9\u4e2a skill\uff0c\u4f60\u5c31\u80fd\u81ea\u52a8\u53d1\u5e03<br><br>\n            <span class=\"comment\"># \u4e4b\u540e\u6bcf\u6b21\u53ea\u9700\uff1a<\/span><br>\n            &gt; \u4f7f\u7528 publish-to-x skill \u53d1\u5e03 .\/article.md\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"case-panel\" id=\"case2\">\n      <h3>Web App \u81ea\u52a8\u5316\u6d4b\u8bd5<\/h3>\n      <p style=\"margin-bottom:.75rem;\">\u573a\u666f\uff1a\u5bf9\u81ea\u5df1\u5f00\u53d1\u7684\u7b80\u5386\u6da6\u8272 Web App \u8fdb\u884c\u7aef\u5230\u7aef\u6d4b\u8bd5\u3002<\/p>\n      <div class=\"step\">\n        <div class=\"step-num\">1<\/div>\n        <div class=\"step-body\">\n          <h3>\u8ba9 AI \u9605\u8bfb\u4ee3\u7801\uff0c\u751f\u6210\u6d4b\u8bd5\u6587\u6863<\/h3>\n          <div class=\"code-block\">\n            <button class=\"copy-btn\" onclick=\"copyCode(this)\">\u590d\u5236<\/button>\n            &gt; \u9605\u8bfb\u9879\u76ee\u4ee3\u7801\uff0c\u628a\u4ece\u6ce8\u518c\u5f00\u59cb\u7684\u4e3b\u4f53\u6d41\u7a0b<br>\n            &gt; \u5199\u4e00\u4e2a\u4e2d\u6587\u6d4b\u8bd5\u6587\u6863\uff08\u6bcf\u6b65\u505a\u4ec0\u4e48\uff09<br>\n            &gt; \u7136\u540e\u7528 playwright cli \u6253\u5f00\u7f51\u9875\uff0c<br>\n            &gt; \u6839\u636e\u6d4b\u8bd5\u7528\u4f8b\u5b8c\u6210\u5b8c\u6574\u6d4b\u8bd5\u6d41\u7a0b\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"step\">\n        <div class=\"step-num\">2<\/div>\n        <div class=\"step-body\">\n          <h3>AI \u81ea\u52a8\u6267\u884c\u6d4b\u8bd5<\/h3>\n          <div class=\"card\" style=\"background:var(--color-background-secondary);\">\n            <div class=\"info-row\"><span class=\"check\">\u2713<\/span> <span style=\"font-size:13px;\">\u81ea\u52a8\u70b9\u51fb\u6ce8\u518c\u6309\u94ae\uff0c\u521b\u5efa\u6d4b\u8bd5\u8d26\u53f7<\/span><\/div>\n            <div class=\"info-row\"><span class=\"check\">\u2713<\/span> <span style=\"font-size:13px;\">\u5b8c\u6210\u767b\u5f55\u9a8c\u8bc1<\/span><\/div>\n            <div class=\"info-row\"><span class=\"check\">\u2713<\/span> <span style=\"font-size:13px;\">\u521b\u5efa\u6d4b\u8bd5\u7b80\u5386\u5e76\u4e0a\u4f20<\/span><\/div>\n            <div class=\"info-row\"><span class=\"check\">\u2713<\/span> <span style=\"font-size:13px;\">\u5b8c\u6210\u4e3b\u4f53\u6d41\u7a0b\uff0c\u8f93\u51fa\u6d4b\u8bd5\u7ed3\u8bba\uff1a\u901a\u8fc7<\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"step\">\n        <div class=\"step-num\">3<\/div>\n        <div class=\"step-body\">\n          <h3>\u5b9a\u65f6\u5de1\u68c0\uff08\u8fdb\u9636\uff09<\/h3>\n          <div class=\"code-block\">\n            <button class=\"copy-btn\" onclick=\"copyCode(this)\">\u590d\u5236<\/button>\n            <span class=\"comment\"># \u914d\u5408\u652f\u6301\u5b9a\u65f6\u4efb\u52a1\u7684 Agent \u6846\u67b6<\/span><br>\n            <span class=\"comment\"># \u8bbe\u7f6e\u6bcf\u5c0f\u65f6\/\u6bcf\u5929\u81ea\u52a8\u6d4b\u8bd5\u4e00\u6b21<\/span><br>\n            <span class=\"comment\"># \u4e00\u65e6\u51fa\u73b0 Bug \u7acb\u5373\u901a\u77e5\u5f00\u53d1\u8005<\/span><br>\n            &gt; \u4f7f\u7528 open-cloud agent\uff0c\u6bcf\u5929\u51cc\u6668 2 \u70b9<br>\n            &gt; \u81ea\u52a8\u8fd0\u884c\u5b8c\u6574\u6d4b\u8bd5\u5957\u4ef6\uff0c\u6709\u95ee\u9898\u53d1\u9001\u901a\u77e5\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"panel\" id=\"panel6\">\n  <div class=\"section\">\n    <h2>\u5b8c\u6574\u5de5\u4f5c\u6d41\u603b\u7ed3<\/h2>\n    <div class=\"step\">\n      <div class=\"step-num\">1<\/div>\n      <div class=\"step-body\">\n        <h3>\u73af\u5883\u51c6\u5907<\/h3>\n        <p>\u5b89\u88c5 Node.js\u3001Playwright CLI\u3001Chrome \u6d4f\u89c8\u5668<\/p>\n        <div class=\"flow\"><div class=\"flow-box\" style=\"background:#E6F1FB;color:#0C447C;\">Node.js<\/div><span class=\"flow-arrow\">+<\/span><div class=\"flow-box\" style=\"background:#E6F1FB;color:#0C447C;\">Playwright CLI<\/div><span class=\"flow-arrow\">+<\/span><div class=\"flow-box\" style=\"background:#E6F1FB;color:#0C447C;\">Chrome<\/div><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"step\">\n      <div class=\"step-num\">2<\/div>\n      <div class=\"step-body\">\n        <h3>\u63a5\u5165 Agent + \u5b89\u88c5 Skill<\/h3>\n        <p>\u9009\u62e9 Claude Code \u6216 Codex\uff0c\u5b89\u88c5 Playwright CLI Skill \u5230\u9879\u76ee\u76ee\u5f55<\/p>\n        <div class=\"flow\"><div class=\"flow-box\" style=\"background:#EAF3DE;color:#27500A;\">Claude Code \/ Codex<\/div><span class=\"flow-arrow\">+<\/span><div class=\"flow-box\" style=\"background:#EAF3DE;color:#27500A;\">playwright-cli SKILL.md<\/div><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"step\">\n      <div class=\"step-num\">3<\/div>\n      <div class=\"step-body\">\n        <h3>\u5e03\u7f6e\u4efb\u52a1\uff0cAI \u81ea\u884c\u63a2\u7d22<\/h3>\n        <p>\u7528\u81ea\u7136\u8bed\u8a00\u63cf\u8ff0\u4efb\u52a1\uff0c\u8ba9 AI \u7b2c\u4e00\u6b21\u81ea\u884c\u6478\u7d22\u5b8c\u6210\uff0c\u5141\u8bb8\u8bd5\u9519<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"step\">\n      <div class=\"step-num\">4<\/div>\n      <div class=\"step-body\">\n        <h3>\u63d0\u70bc Skill\uff0c\u77e5\u8bc6\u6c89\u6dc0<\/h3>\n        <p>\u8ba9 AI \u5c06\u6267\u884c\u7ecf\u9a8c\uff08\u542b\u8e29\u5751\u89e3\u51b3\u65b9\u6848\uff09\u56fa\u5316\u4e3a\u65b0 Skill\uff0c\u907f\u514d\u91cd\u590d\u8bd5\u9519<\/p>\n        <div class=\"flow\"><div class=\"flow-box\" style=\"background:#FAEEDA;color:#633806;\">\u63a2\u7d22\u7ecf\u9a8c<\/div><span class=\"flow-arrow\">\u2192<\/span><div class=\"flow-box\" style=\"background:#FAEEDA;color:#633806;\">\u65b0 SKILL.md<\/div><span class=\"flow-arrow\">\u2192<\/span><div class=\"flow-box\" style=\"background:#FAEEDA;color:#633806;\">token -90%<\/div><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"step\">\n      <div class=\"step-num\">5<\/div>\n      <div class=\"step-body\">\n        <h3>Skill \u6307\u5bfc\u4e0b\u91cd\u8bd5<\/h3>\n        <p>\u76f8\u540c\u4efb\u52a1\u5728 Skill \u6307\u5bfc\u4e0b\u6267\u884c\uff0c\u4e0a\u4e0b\u6587\u6d88\u8017\u4ece 41% \u964d\u81f3 5%\uff0c\u6548\u7387\u63d0\u5347 10 \u500d<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"step\">\n      <div class=\"step-num\">6<\/div>\n      <div class=\"step-body\">\n        <h3>\u56fa\u5316\u811a\u672c\uff0c\u96f6 token \u8fd0\u884c<\/h3>\n        <p>\u5bf9\u5b8c\u5168\u56fa\u5b9a\u7684\u6d41\u7a0b\uff0c\u8ba9 AI \u751f\u6210\u72ec\u7acb\u811a\u672c\uff0c\u6b64\u540e\u76f4\u63a5\u6267\u884c\uff0c\u65e0\u9700 AI \u53c2\u4e0e<\/p>\n        <div class=\"flow\"><div class=\"flow-box\" style=\"background:#E1F5EE;color:#085041;\">AI \u751f\u6210\u811a\u672c<\/div><span class=\"flow-arrow\">\u2192<\/span><div class=\"flow-box\" style=\"background:#E1F5EE;color:#085041;\">\u76f4\u63a5\u6267\u884c\u811a\u672c<\/div><span class=\"flow-arrow\">\u2192<\/span><div class=\"flow-box\" style=\"background:#E1F5EE;color:#085041;\">token = 0<\/div><\/div>\n      <\/div>\n    <\/div>\n    <hr class=\"divider\">\n    <h2>\u4e09\u79cd\u6267\u884c\u6a21\u5f0f\u5bf9\u6bd4<\/h2>\n    <table class=\"param-table\">\n      <thead><tr><th>\u6a21\u5f0f<\/th><th>token \u6d88\u8017<\/th><th>\u7075\u6d3b\u6027<\/th><th>\u9002\u7528\u573a\u666f<\/th><\/tr><\/thead>\n      <tbody>\n        <tr><td>AI \u63a2\u7d22\uff08\u65e0 Skill\uff09<\/td><td style=\"color:#A32D2D;\">~41% \u4e0a\u4e0b\u6587<\/td><td style=\"color:var(--color-text-secondary);\">\u6700\u9ad8<\/td><td style=\"color:var(--color-text-secondary);\">\u9996\u6b21\u6267\u884c\u65b0\u4efb\u52a1<\/td><\/tr>\n        <tr><td>AI + Skill \u6307\u5bfc<\/td><td style=\"color:#854F0B;\">~5% \u4e0a\u4e0b\u6587<\/td><td style=\"color:var(--color-text-secondary);\">\u9ad8<\/td><td style=\"color:var(--color-text-secondary);\">\u91cd\u590d\u4f46\u53ef\u80fd\u53d8\u5316\u7684\u4efb\u52a1<\/td><\/tr>\n        <tr><td>\u96f6 AI \u56fa\u5b9a\u811a\u672c<\/td><td style=\"color:#3B6D11;\">0<\/td><td style=\"color:var(--color-text-secondary);\">\u56fa\u5b9a<\/td><td style=\"color:var(--color-text-secondary);\">\u5b8c\u5168\u56fa\u5b9a\u3001\u9ad8\u9891\u6267\u884c\u4efb\u52a1<\/td><\/tr>\n      <\/tbody>\n    <\/table>\n    <hr class=\"divider\">\n    <!-- div style=\"text-align:center;padding:1rem 0 .5rem;\">\n      <p style=\"font-size:13px;color:var(--color-text-secondary);margin-bottom:.75rem;\">\u60f3\u6df1\u5165\u4e86\u89e3\u67d0\u4e2a\u73af\u8282\uff1f<\/p>\n      <button class=\"ask-btn\" onclick=\"sendPrompt('\u5e2e\u6211\u5199\u4e00\u4e2a\u5b8c\u6574\u7684 Playwright CLI scrape-reviews SKILL.md \u6587\u4ef6\u5185\u5bb9')\">\u751f\u6210\u5b8c\u6574 Skill \u6587\u4ef6 \u2197<\/button>\n      <button class=\"ask-btn\" onclick=\"sendPrompt('\u5e2e\u6211\u5199\u4e00\u4e2a\u4f7f\u7528 Playwright CLI \u6293\u53d6\u7535\u5546\u8bc4\u8bba\u5bfc\u51fa CSV \u7684 PowerShell \u811a\u672c')\">\u751f\u6210\u8bc4\u8bba\u6293\u53d6\u811a\u672c \u2197<\/button>\n      <button class=\"ask-btn\" onclick=\"sendPrompt('\u5e2e\u6211\u5199\u4e00\u4e2a Playwright CLI \u81ea\u52a8\u53d1\u5e03\u6587\u7ae0\u5230 X \u5e73\u53f0\u7684\u5b8c\u6574 Python \u811a\u672c')\">\u751f\u6210\u53d1\u5e03\u6587\u7ae0\u811a\u672c \u2197<\/button>\n  <\/div -->\n  <\/div>\n<\/div>\n<\/div>\n\n<script>\nfunction switchTab(idx){\n  document.querySelectorAll('.tab').forEach((t,i)=>{t.classList.toggle('active',i===idx);});\n  document.querySelectorAll('.panel').forEach((p,i)=>{p.classList.toggle('active',i===idx);});\n}\nfunction switchCase(idx){\n  document.querySelectorAll('.case-btn').forEach((b,i)=>{b.classList.toggle('active',i===idx);});\n  document.querySelectorAll('.case-panel').forEach((p,i)=>{p.classList.toggle('active',i===idx);});\n}\nfunction copyCode(btn){\n  const block=btn.parentElement;\n  const text=Array.from(block.childNodes).filter(n=>n.nodeType===3||n.nodeName==='SPAN').map(n=>n.textContent).join('').replace(\/\u590d\u5236\/g,'').trim();\n  navigator.clipboard.writeText(text).then(()=>{btn.textContent='\u5df2\u590d\u5236';setTimeout(()=>{btn.textContent='\u590d\u5236';},1500);});\n}\n<\/script>\n    <\/div>\n    \n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"video\" style=\"font-size:30px\">\u89c6\u9891:\u5173\u4e8ePlaywright CLI + Skill <\/h2>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" controls src=\"https:\/\/meta-quantum.today\/wp-content\/uploads\/2026\/04\/\u544a\u522b\u4e00\u5207\u91cd\u590d\u67af\u71e5\u4efb\u52a1-CLISkill\u642d\u5efaAI\u6d4f\u89c8\u5668\u81ea\u52a8\u5316\u6846\u67b6.mp4\"><\/video><\/figure>\n\n\n\n<div class=\"wp-block-group has-vivid-green-cyan-background-color has-background\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\" style=\"font-size:24px\">\u6838\u5fc3\u5de5\u5177\uff1aPlaywright CLI \u662f\u4ec0\u4e48\uff1f<\/h2>\n\n\n\n<p>Playwright CLI \u662f\u5fae\u8f6f\u4e8e 2026 \u5e74\u521d\u5f00\u6e90\u7684\u65b0\u4e00\u4ee3\u6d4f\u89c8\u5668\u81ea\u52a8\u5316\u547d\u4ee4\u884c\u5de5\u5177\uff0c\u4e0e\u4f20\u7edf Playwright MCP \u65b9\u6848\u76f8\u6bd4\uff0c\u6700\u6838\u5fc3\u7684\u4f18\u52bf\u5728\u4e8e<strong>\u6309\u9700\u52a0\u8f7d<\/strong>\u673a\u5236\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>MCP \u65b9\u5f0f<\/strong>\uff1a\u5c06\u6574\u4e2a\u7f51\u9875 DOM \u7ed3\u6784\u585e\u5165 AI \u4e0a\u4e0b\u6587\uff0ctoken \u6d88\u8017\u6781\u5927\u3002<\/li>\n\n\n\n<li><strong>Playwright CLI \u65b9\u5f0f<\/strong>\uff1a\u53ea\u8fd4\u56de\u7b80\u6d01\u7684\u7f51\u9875\u6458\u8981\uff0c\u8be6\u7ec6\u7ed3\u6784\u4ee5\u5feb\u7167\u6587\u4ef6\u5f62\u5f0f\u5b58\u50a8\u5728\u672c\u5730\u78c1\u76d8\uff0c\u7531 AI \u6309\u9700\u8bfb\u53d6\u2014\u2014\u622a\u56fe\u540c\u6837\u5982\u6b64\uff0c\u4ee5 PNG \u6587\u4ef6\u5f62\u5f0f\u5b58\u4e8e\u672c\u5730\uff0c\u800c\u975e\u76f4\u63a5\u585e\u5165\u4e0a\u4e0b\u6587\u3002<\/li>\n<\/ul>\n\n\n\n<p>\u6839\u636e\u5b98\u65b9\u57fa\u51c6\u6d4b\u8bd5\uff0cPlaywright CLI \u6bd4 MCP \u65b9\u6848\u51cf\u5c11\u7ea6 <strong>\u56db\u500d\u7684 token \u6d88\u8017<\/strong>\u3002<\/p>\n\n\n\n<p><strong>\u57fa\u7840\u5b89\u88c5\u6b65\u9aa4\uff1a<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u5b89\u88c5 Node.js<\/li>\n\n\n\n<li>\u547d\u4ee4\u884c\u6267\u884c\u5b89\u88c5 Playwright CLI<\/li>\n\n\n\n<li>\u786e\u4fdd\u672c\u673a\u5df2\u5b89\u88c5 Chrome \u6d4f\u89c8\u5668\uff08Edge \u4ea6\u53ef\uff09<\/li>\n<\/ol>\n\n\n\n<p>\u5173\u952e\u53c2\u6570\u8bf4\u660e\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>-headed<\/code>\uff1a\u4f7f\u7528\u6709\u5934\u6d4f\u89c8\u5668\uff0c\u65b9\u4fbf\u8c03\u8bd5\u65f6\u770b\u5230\u9875\u9762<\/li>\n\n\n\n<li><code>-persistent<\/code>\uff1a\u5c06 Cookie\u3001\u767b\u5f55\u72b6\u6001\u7b49\u6301\u4e45\u5316\u5230\u672c\u5730\u78c1\u76d8\uff0c\u907f\u514d\u6bcf\u6b21\u91cd\u65b0\u767b\u5f55<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:24px\">\u63a5\u5165 AI Agent\uff1aClaude Code \u4e0e Codex<\/h2>\n\n\n\n<p>Playwright CLI \u662f\u5168\u65b0\u5de5\u5177\uff0cAI \u5e76\u4e0d\u539f\u751f\u4e86\u89e3\u5176\u547d\u4ee4\u8bed\u6cd5\uff0c\u56e0\u6b64\u9700\u8981\u642d\u914d <strong>Skill\uff08\u6280\u80fd\u6587\u6863\uff09<\/strong> \u4e00\u8d77\u4f7f\u7528\u2014\u2014CLI \u4f5c\u4e3a\u6280\u672f\u5e95\u5ea7\uff0cSkill \u4f5c\u4e3a\u8bf4\u660e\u624b\u518c\uff0c\u4e24\u8005\u914d\u5408\u53ef\u5b8c\u5168\u53d6\u4ee3\u4f20\u7edf MCP \u65b9\u5f0f\u3002<\/p>\n\n\n\n<p><strong>\u63a5\u5165\u65b9\u5f0f\uff1a<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Claude Code<\/strong>\uff1a\u5728\u9879\u76ee\u6587\u4ef6\u5939\u4e2d\u5b89\u88c5 Skill\uff0c\u5c06\u5176\u653e\u5165 <code>.claude<\/code> \u76ee\u5f55\uff0c\u542f\u52a8 Claude Code \u540e\u5373\u53ef\u8bfb\u53d6 Playwright CLI \u6280\u80fd\u3002<\/li>\n\n\n\n<li><strong>Codex<\/strong>\uff1a\u5c06\u540c\u4e00 Skill \u76ee\u5f55\u6539\u540d\u4e3a <code>.codex<\/code> \u5373\u53ef\u9002\u914d\uff0c\u901a\u8fc7 <code>\/skills<\/code> \u547d\u4ee4\u786e\u8ba4\u52a0\u8f7d\u6210\u529f\u3002<\/li>\n<\/ul>\n\n\n\n<p>\u8fd9\u4e5f\u4ee3\u8868\u4e86\u5f53\u4e0b\u4e00\u4e2a\u91cd\u8981\u6280\u672f\u8d8b\u52bf\uff1a<strong>CLI + Skill \u53d6\u4ee3 MCP<\/strong> \u6210\u4e3a\u66f4\u8f7b\u91cf\u3001\u66f4\u9ad8\u6548\u7684 AI Agent \u5de5\u5177\u96c6\u6210\u65b9\u5f0f\u3002<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:24px\">\u5b9e\u6218\u6848\u4f8b\u4e00\uff1a\u7535\u5546\u8bc4\u8bba\u6293\u53d6\u4e0e Skill \u6c89\u6dc0<\/h2>\n\n\n\n<p><strong>\u4efb\u52a1\uff1a<\/strong> \u6293\u53d6\u67d0\u5546\u54c1\u524d 100 \u6761\u8bc4\u8bba\uff0c\u5bfc\u51fa\u4e3a CSV \u6587\u4ef6\u3002<\/p>\n\n\n\n<p><strong>\u7b2c\u4e00\u6b21\u6267\u884c\uff08\u65e0 Skill\uff09\uff1a<\/strong> AI \u81ea\u884c\u6478\u7d22\uff0c\u5c1d\u8bd5\u591a\u79cd\u65b9\u6848\uff0c\u6d88\u8017\u4e86 <strong>41% \u7684\u4e0a\u4e0b\u6587\u7a97\u53e3<\/strong>\u624d\u5b8c\u6210\u4efb\u52a1\u3002<\/p>\n\n\n\n<p><strong>\u4f18\u5316\u8def\u5f84\u4e00\u2014\u2014\u5c06\u6d41\u7a0b\u6c89\u6dc0\u4e3a Skill\uff1a<\/strong> \u8ba9 AI \u5c06\u6574\u4e2a\u6267\u884c\u8fc7\u7a0b\uff08\u5305\u62ec\u8e29\u8fc7\u7684\u5751\uff09\u63d0\u70bc\u4e3a\u4e00\u4e2a\u65b0 Skill\uff0c\u4e0b\u6b21\u6267\u884c\u65f6 AI \u5145\u5206\u5438\u53d6\u7ecf\u9a8c\uff0c<strong>\u4ec5\u7528 5% \u7684\u4e0a\u4e0b\u6587<\/strong>\u5373\u5b8c\u6210\u76f8\u540c\u4efb\u52a1\u2014\u2014\u6548\u7387\u63d0\u5347\u8fd1 <strong>\u5341\u500d<\/strong>\u3002<\/p>\n\n\n\n<p><strong>\u4f18\u5316\u8def\u5f84\u4e8c\u2014\u2014\u751f\u6210\u96f6 token \u56fa\u5b9a\u811a\u672c\uff1a<\/strong> \u5bf9\u4e8e\u5b8c\u5168\u56fa\u5b9a\u7684\u6d41\u7a0b\uff0c\u53ef\u8ba9 AI \u5c06\u6240\u6709 Playwright CLI \u547d\u4ee4\u6c47\u603b\u6210\u4e00\u4e2a\u53ef\u72ec\u7acb\u8fd0\u884c\u7684\u811a\u672c\uff08\u5982 Windows PowerShell \u811a\u672c\uff09\uff0c\u6b64\u540e\u76f4\u63a5\u6267\u884c\u811a\u672c\uff0c<strong>\u65e0\u9700 AI \u53c2\u4e0e\uff0ctoken \u6d88\u8017\u5f52\u96f6<\/strong>\uff0c\u6548\u679c\u5b8c\u5168\u76f8\u540c\u3002<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:24px\">\u5b9e\u6218\u6848\u4f8b\u4e8c\uff1aMarkdown \u6587\u7ae0\u81ea\u52a8\u53d1\u5e03\u5230 X \u5e73\u53f0<\/h2>\n\n\n\n<p><strong>\u80cc\u666f\u75db\u70b9\uff1a<\/strong> \u5c06 Markdown \u683c\u5f0f\u6587\u7ae0\u53d1\u5e03\u5230 X\uff08\u539f Twitter\uff09\u65f6\uff0c\u683c\u5f0f\u6df7\u4e71\uff0c\u56fe\u7247\u65e0\u6cd5\u76f4\u63a5\u7c98\u8d34\uff0c\u9700\u624b\u52a8\u4e00\u5f20\u5f20\u66ff\u6362\uff0c\u6781\u4e3a\u7e41\u7410\u3002<\/p>\n\n\n\n<p><strong>\u81ea\u52a8\u5316\u65b9\u6848\uff1a<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u7528 Codex \u7f16\u5199 Python \u811a\u672c\uff0c\u5c06\u6587\u7ae0\u4e2d\u7684\u56fe\u7247\u4e0b\u8f7d\u5230\u672c\u5730\u5e76\u7f16\u53f7\uff1b<\/li>\n\n\n\n<li>\u4f7f\u7528 Pandoc \u5c06 Markdown \u8f6c\u6362\u4e3a HTML \u683c\u5f0f\uff08\u6bcf\u5f20\u56fe\u72ec\u7acb\u6bb5\u843d\uff09\uff1b<\/li>\n\n\n\n<li>\u8ba9 AI \u4f7f\u7528 Playwright CLI \u6253\u5f00 X \u7f16\u8f91\u5668\uff0c\u7c98\u8d34 HTML \u5185\u5bb9\uff0c\u81ea\u52a8\u9010\u5f20\u5220\u9664\u5360\u4f4d\u7b26\u3001\u4e0a\u4f20\u771f\u5b9e\u56fe\u7247\uff1b<\/li>\n\n\n\n<li>\u5c06\u6574\u4e2a\u6d41\u7a0b\u56fa\u5316\u4e3a\u4e00\u4e2a Skill\uff0c\u6b64\u540e\u53ea\u9700\u63d0\u4f9b\u6587\u7ae0\u8def\u5f84\uff0cAI \u5373\u53ef<strong>\u4e00\u952e\u5b8c\u6210\u5168\u6d41\u7a0b\u53d1\u5e03<\/strong>\u3002<\/li>\n<\/ol>\n\n\n\n<p>\u76f8\u5173 Skill \u6e90\u4ee3\u7801\u5df2\u4e0a\u4f20\u81f3\u4f5c\u8005 GitHub \u4ed3\u5e93\uff0c\u4f9b\u53c2\u8003\u79fb\u690d\uff08Windows \u7248\u672c\uff0c\u5176\u4ed6\u7cfb\u7edf\u53ef\u8ba9 AI \u53c2\u8003\u6539\u5199\uff09\u3002<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:24px\">\u5b9e\u6218\u6848\u4f8b\u4e09\uff1aWeb App \u81ea\u52a8\u5316\u6d4b\u8bd5<\/h2>\n\n\n\n<p><strong>\u573a\u666f\uff1a<\/strong> \u4f5c\u8005\u5f00\u53d1\u4e86\u4e00\u4e2a\u7b80\u5386\u6da6\u8272\u7f8e\u5316\u7f51\u9875 APP\uff0c\u5e0c\u671b\u5bf9\u5176\u8fdb\u884c\u81ea\u52a8\u5316\u6d4b\u8bd5\u3002<\/p>\n\n\n\n<p><strong>\u6d41\u7a0b\uff1a<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u8ba9 AI \u9605\u8bfb\u9879\u76ee\u4ee3\u7801\uff0c\u68b3\u7406\u4e3b\u4f53\u529f\u80fd\u6d41\u7a0b\uff1b<\/li>\n\n\n\n<li>AI \u7f16\u5199\u4e2d\u6587\u6d4b\u8bd5\u6587\u6863\uff0c\u5217\u51fa\u9010\u6b65\u64cd\u4f5c\u7528\u4f8b\uff1b<\/li>\n\n\n\n<li>\u4f7f\u7528 Playwright CLI \u81ea\u52a8\u6267\u884c\uff1a\u6ce8\u518c\u8d26\u53f7\u2192\u767b\u5f55\u2192\u4e0a\u4f20\u6d4b\u8bd5\u7b80\u5386\u2192\u5b8c\u6210\u4e3b\u4f53\u6d41\u7a0b\u6d4b\u8bd5\uff1b<\/li>\n\n\n\n<li>\u6d4b\u8bd5\u7ed3\u8bba\uff1a\u901a\u8fc7\u3002<\/li>\n<\/ol>\n\n\n\n<p><strong>\u8fdb\u9636\u7528\u6cd5\uff1a<\/strong> \u914d\u5408\u652f\u6301\u5b9a\u65f6\u4efb\u52a1\u7684 Agent \u6846\u67b6\uff08\u5982 Open Cloud\uff09\uff0c\u53ef\u8ba9 AI <strong>\u5b9a\u65f6\u81ea\u52a8\u6d4b\u8bd5\u7cfb\u7edf<\/strong>\uff0c\u4e00\u65e6\u51fa\u73b0 Bug \u7acb\u5373\u544a\u8b66\uff0c\u5927\u5e45\u8282\u7701\u4eba\u5de5\u6d4b\u8bd5\u6210\u672c\u3002<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:24px\">\u5b8c\u6574\u5de5\u4f5c\u6d41\u7a0b\u603b\u7ed3<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u6b65\u9aa4<\/th><th>\u5185\u5bb9<\/th><\/tr><\/thead><tbody><tr><td>1<\/td><td>\u5b89\u88c5 Node.js\u3001Playwright CLI\u3001Chrome \u6d4f\u89c8\u5668<\/td><\/tr><tr><td>2<\/td><td>\u9009\u62e9 AI Agent\uff08Claude Code \/ Codex\uff09\uff0c\u5b89\u88c5 Playwright CLI Skill<\/td><\/tr><tr><td>3<\/td><td>\u7ed9 AI \u5e03\u7f6e\u590d\u6742\u4efb\u52a1\uff0c\u8ba9\u5176\u81ea\u884c\u6478\u7d22\u6267\u884c<\/td><\/tr><tr><td>4<\/td><td>\u8ba9 AI \u5c06\u6267\u884c\u7ecf\u9a8c\u63d0\u70bc\u4e3a\u65b0 Skill\uff0c\u907f\u514d\u91cd\u590d\u8e29\u5751<\/td><\/tr><tr><td>5<\/td><td>\u91cd\u8bd5\u76f8\u540c\u4efb\u52a1\uff0ctoken \u6d88\u8017\u964d\u4f4e\u7ea6\u5341\u500d<\/td><\/tr><tr><td>6<\/td><td>\u5bf9\u56fa\u5b9a\u6d41\u7a0b\uff0c\u8ba9 AI \u751f\u6210\u72ec\u7acb\u811a\u672c\uff0c\u5b9e\u73b0\u96f6 token \u5168\u81ea\u52a8\u6267\u884c<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:30px\">\u7ed3\u8bba\u4e0e\u6838\u5fc3\u8981\u70b9<\/h2>\n\n\n\n<p>\u672c\u89c6\u9891\u5c55\u793a\u7684 <strong>CLI + Skill<\/strong> \u6d4f\u89c8\u5668\u81ea\u52a8\u5316\u6846\u67b6\uff0c\u662f\u4e00\u5957\u517c\u987e\u7075\u6d3b\u6027\u4e0e\u7ecf\u6d4e\u6027\u7684 AI \u81ea\u52a8\u5316\u65b9\u6848\u3002\u5176\u6838\u5fc3\u601d\u60f3\u662f\uff1a<strong>\u5c06 AI \u7684\u63a2\u7d22\u6210\u672c\u4e00\u6b21\u6027\u8f6c\u5316\u4e3a\u53ef\u590d\u7528\u7684\u77e5\u8bc6\u8d44\u4ea7<\/strong>\uff0c\u8ba9\u540e\u7eed\u6267\u884c\u8d8a\u6765\u8d8a\u9ad8\u6548\u3001\u8d8a\u6765\u8d8a\u5ec9\u4ef7\u3002<\/p>\n\n\n\n<p><strong>\u6838\u5fc3\u8981\u70b9\uff1a<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Playwright CLI \u901a\u8fc7\u6309\u9700\u52a0\u8f7d\u673a\u5236\uff0c\u6bd4 MCP \u8282\u7701\u7ea6\u56db\u500d token<\/li>\n\n\n\n<li>Skill \u662f\u5c06 AI \u8bd5\u9519\u7ecf\u9a8c\u56fa\u5316\u7684\u5173\u952e\u673a\u5236\uff0c\u53ef\u5b9e\u73b0\u5341\u500d\u6548\u7387\u63d0\u5347<\/li>\n\n\n\n<li>\u56fa\u5b9a\u6d41\u7a0b\u811a\u672c\u5316\u540e\u53ef\u5b8c\u5168\u8131\u79bb AI\uff0c\u5b9e\u73b0\u96f6 token \u81ea\u52a8\u5316<\/li>\n\n\n\n<li>\u540c\u4e00\u6846\u67b6\u53ef\u5e94\u7528\u4e8e\u6570\u636e\u6293\u53d6\u3001\u5185\u5bb9\u53d1\u5e03\u3001\u81ea\u52a8\u5316\u6d4b\u8bd5\u7b49\u591a\u79cd\u573a\u666f<\/li>\n\n\n\n<li>CLI + Skill \u6b63\u5728\u6210\u4e3a\u66ff\u4ee3 MCP \u7684\u65b0\u4e00\u4ee3 AI \u5de5\u5177\u96c6\u6210\u8d8b\u52bf<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:30px\">\u76f8\u5173\u53c2\u8003\u8d44\u6599<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Playwright \u5b98\u65b9\u6587\u6863<\/strong>\uff1a<a href=\"https:\/\/playwright.dev\/\">https:\/\/playwright.dev\/<\/a><\/li>\n\n\n\n<li><strong>Microsoft Playwright CLI\uff08\u5f00\u6e90\u9879\u76ee\uff09<\/strong>\uff1a<a href=\"https:\/\/github.com\/microsoft\/playwright\">https:\/\/github.com\/microsoft\/playwright<\/a><\/li>\n\n\n\n<li><strong>Claude Code \u5b98\u65b9\u6587\u6863<\/strong>\uff1a<a href=\"https:\/\/docs.anthropic.com\/claude-code\">https:\/\/docs.anthropic.com\/claude-code<\/a><\/li>\n\n\n\n<li><strong>OpenAI Codex CLI<\/strong>\uff1a<a href=\"https:\/\/github.com\/openai\/codex\">https:\/\/github.com\/openai\/codex<\/a><\/li>\n\n\n\n<li><strong>Pandoc \u6587\u6863\u8f6c\u6362\u5de5\u5177<\/strong>\uff1a<a href=\"https:\/\/pandoc.org\/\">https:\/\/pandoc.org\/<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>\u544a\u522b\u7e41\u7410\u7684\u91cd\u590d\u64cd\u4f5c\uff01\u672c\u6587\u6df1\u5ea6\u89e3\u6790\u5982\u4f55\u7528 **Playwright CLI + Skill** \u642d\u5efa AI \u6d4f\u89c8\u5668\u81ea\u52a8\u5316\u6846\u67b6\u2014\u2014\u6bd4\u4f20\u7edf MCP \u65b9\u6848\u8282\u7701\u56db\u500d token\uff0c\u7ecf\u9a8c\u6c89\u6dc0\u4e3a Skill \u540e\u6548\u7387\u518d\u63d0\u5347\u5341\u500d\uff0c\u56fa\u5b9a\u6d41\u7a0b\u811a\u672c\u5316\u540e\u66f4\u53ef\u5b9e\u73b0\u96f6 token \u5168\u81ea\u52a8\u8fd0\u884c\u3002\u4ece\u5b89\u88c5\u914d\u7f6e\u3001\u63a5\u5165 Claude Code\uff0c\u5230\u8bc4\u8bba\u6293\u53d6\u3001\u6587\u7ae0\u53d1\u5e03\u3001Web \u6d4b\u8bd5\u4e09\u5927\u5b9e\u6218\u6848\u4f8b\uff0c\u4e00\u6587\u638c\u63e1\u3002<\/p>\n","protected":false},"author":1,"featured_media":8276,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15,31,18,13,7],"tags":[],"class_list":["post-8249","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai","category-chinese-","category-education","category-quantum-and-u","category-quantum-mindset-programme"],"aioseo_notices":[],"featured_image_src":"https:\/\/meta-quantum.today\/wp-content\/uploads\/2026\/04\/CLISkill\u642d\u5efaAI\u6d4f\u89c8\u5668\u81ea\u52a8\u5316\u6846\u67b6.jpg","featured_image_src_square":"https:\/\/meta-quantum.today\/wp-content\/uploads\/2026\/04\/CLISkill\u642d\u5efaAI\u6d4f\u89c8\u5668\u81ea\u52a8\u5316\u6846\u67b6.jpg","author_info":{"display_name":"coffee","author_link":"https:\/\/meta-quantum.today\/?author=1"},"rbea_author_info":{"display_name":"coffee","author_link":"https:\/\/meta-quantum.today\/?author=1"},"rbea_excerpt_info":"\u544a\u522b\u7e41\u7410\u7684\u91cd\u590d\u64cd\u4f5c\uff01\u672c\u6587\u6df1\u5ea6\u89e3\u6790\u5982\u4f55\u7528 **Playwright CLI + Skill** \u642d\u5efa AI \u6d4f\u89c8\u5668\u81ea\u52a8\u5316\u6846\u67b6\u2014\u2014\u6bd4\u4f20\u7edf MCP \u65b9\u6848\u8282\u7701\u56db\u500d token\uff0c\u7ecf\u9a8c\u6c89\u6dc0\u4e3a Skill \u540e\u6548\u7387\u518d\u63d0\u5347\u5341\u500d\uff0c\u56fa\u5b9a\u6d41\u7a0b\u811a\u672c\u5316\u540e\u66f4\u53ef\u5b9e\u73b0\u96f6 token \u5168\u81ea\u52a8\u8fd0\u884c\u3002\u4ece\u5b89\u88c5\u914d\u7f6e\u3001\u63a5\u5165 Claude Code\uff0c\u5230\u8bc4\u8bba\u6293\u53d6\u3001\u6587\u7ae0\u53d1\u5e03\u3001Web \u6d4b\u8bd5\u4e09\u5927\u5b9e\u6218\u6848\u4f8b\uff0c\u4e00\u6587\u638c\u63e1\u3002","category_list":"<a href=\"https:\/\/meta-quantum.today\/?cat=15\" rel=\"category\">AI<\/a>, <a href=\"https:\/\/meta-quantum.today\/?cat=31\" rel=\"category\">Chinese\/\u4e2d\u6587<\/a>, <a href=\"https:\/\/meta-quantum.today\/?cat=18\" rel=\"category\">Education<\/a>, <a href=\"https:\/\/meta-quantum.today\/?cat=13\" rel=\"category\">Quantum and U<\/a>, <a href=\"https:\/\/meta-quantum.today\/?cat=7\" rel=\"category\">Quantum Mindset Programme<\/a>","comments_num":"0 comments","_links":{"self":[{"href":"https:\/\/meta-quantum.today\/index.php?rest_route=\/wp\/v2\/posts\/8249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meta-quantum.today\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meta-quantum.today\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meta-quantum.today\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/meta-quantum.today\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8249"}],"version-history":[{"count":28,"href":"https:\/\/meta-quantum.today\/index.php?rest_route=\/wp\/v2\/posts\/8249\/revisions"}],"predecessor-version":[{"id":8280,"href":"https:\/\/meta-quantum.today\/index.php?rest_route=\/wp\/v2\/posts\/8249\/revisions\/8280"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/meta-quantum.today\/index.php?rest_route=\/wp\/v2\/media\/8276"}],"wp:attachment":[{"href":"https:\/\/meta-quantum.today\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8249"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meta-quantum.today\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=8249"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meta-quantum.today\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=8249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}