{"slug":"chenxiachan-xhs-cover-95446b","title":"\u5c0f\u7ea2\u4e66\u5c01\u9762\u56fe\u751f\u6210","description":"\u6309\u6807\u9898\u6587\u6848\u751f\u62101080\u00d71440\u5c0f\u7ea2\u4e66\u5c01\u9762\uff1a\u5185\u7f6e\u83ab\u5170\u8fea\u3001\u5b66\u672f\u84dd\u3001\u6697\u591c\u3001\u8584\u8377\u3001\u65e5\u843d\u3001\u6781\u7b80\u9ed1\u767d\u516d\u5957\u914d\u8272\u4e0eHTML\u7ed3\u6784\uff0c\u7528Playwright\u622a\u56fe\u8f93\u51faPNG\u3002\u9002\u5408\u77e5\u8bc6\u5206\u4eab\u3001\u5de5\u5177\u63a8\u8350\u3001\u89c2\u70b9\u7c7b\u5c01\u9762\uff1b\u4e0d\u542b\u5e73\u53f0\u5ba1\u6838\u6216\u70b9\u51fb\u6548\u679c\u4fdd\u8bc1\u3002","category":"\u526a\u8f91\u4e0e\u5305\u88c5","tags":["chenxiachan","\u526a\u8f91\u4e0e\u5305\u88c5"],"author":"chenxiachan","source_url":"https://github.com/chenxiachan/xhs-claude-skills/blob/e140727198e02f4919654b859a45dce930b625ef/skills/xhs-cover/SKILL.md","license":"MIT","status":"published","verification":"source_reviewed","verification_notes":"\u5df2\u6838\u5bf9\u539f\u59cb\u4ed3\u5e93\u3001\u56fa\u5b9a\u63d0\u4ea4\u3001\u8bb8\u53ef\u3001\u6280\u80fd\u6b63\u6587\u4e0e\u5305\u7ed3\u6784\uff0c\u5e76\u8865\u5145\u4e2d\u6587\u6267\u884c\u9a8c\u6536\u8bf4\u660e\uff1b\u672a\u8fd0\u884c\u5305\u5185\u811a\u672c\u3002","revision":"7193848f25ad4fbf9b8a619208d0c33b","created_at":"2026-11-02T14:47:08+00:00","updated_at":"2026-11-02T14:47:08+00:00","source_repo":"chenxiachan/xhs-claude-skills","source_path":"skills/xhs-cover/SKILL.md","source_commit":"e140727198e02f4919654b859a45dce930b625ef","source_updated_at":"2026-11-02T14:46:04+00:00","stars":0,"proxy_score":null,"score":null,"grade":null,"dimensions":{},"evaluation":{},"installs":0,"platforms":[],"formats":[],"category_slug":"packaging","category_name":"\u526a\u8f91\u4e0e\u5305\u88c5","quality":{"review_type":"text_and_package_review","readiness":"requires_setup","reviewed_at":"2026-11-02T14:46:04+00:00","review_summary":"\u5c01\u9762\u751f\u6210\u7684\u914d\u8272\u4e0eHTML\u7ed3\u6784\u8bf4\u660e\u5177\u4f53\u3001\u53ef\u590d\u73b0\uff0c\u9002\u5408\u4f5c\u4e3a\u5c01\u9762\u5236\u4f5c\u8d77\u70b9\uff1b\u9700\u7528\u6237\u81ea\u5907 Playwright \u73af\u5883\u5e76\u8c03\u6574\u9ed8\u8ba4\u8f93\u51fa\u8def\u5f84\uff0c\u5b57\u53f7\u53d6\u503c\u4e0e\u89c6\u89c9\u6548\u679c\u672a\u7ecf\u8fd0\u884c\u9a8c\u8bc1\u3002","cost_notes":"\u6280\u80fd\u672c\u8eab\u65e0\u5916\u90e8\u4ed8\u8d39\uff1bPlaywright \u4e0e\u6d4f\u89c8\u5668\u4e3a\u514d\u8d39\u5f00\u6e90\u4f9d\u8d56\uff0c\u5b89\u88c5\u5360\u7528\u78c1\u76d8\u4e0e\u4e0b\u8f7d\u6d41\u91cf\uff0c\u65e0\u9700\u989d\u5916\u4ed8\u8d39\u786e\u8ba4\u3002","source_sha256":"0b2ecc90bf9122a422a9552fce93427d3f6f9472cc4be2a2224d96fe078a8832","prerequisites":["Python \u73af\u5883\u4e0e Playwright \u5e93","Playwright \u6240\u9700 Chromium \u6d4f\u89c8\u5668\u5df2\u5b89\u88c5","\u53ef\u5199\u5165 /tmp \u4e0e\u76ee\u6807\u8f93\u51fa\u76ee\u5f55"],"checks":["\u8f93\u51fa\u56fe\u7247\u5c3a\u5bf8\u786e\u4e3a1080\u00d71440\uff0c\u6bd4\u4f8b3:4","\u4e3b\u6807\u9898\u5728\u753b\u9762\u4e2d\u4e00\u884c\u53ef\u8bfb\uff0c\u672a\u88ab\u88c1\u5207\u6216\u6ea2\u51fa","\u914d\u8272\u53ea\u4f7f\u7528\u6240\u9009\u98ce\u683c\u7684\u4e3b\u8272\u3001\u526f\u8272\u3001\u8f85\u52a9\u8272\uff0c\u6587\u5b57\u4e0e\u80cc\u666f\u5bf9\u6bd4\u53ef\u8fa8","\u89d2\u6807\u3001\u4e3b\u526f\u6807\u9898\u3001\u6807\u7b7e\u3001\u5e95\u90e8\u5173\u952e\u8bcd\u4e94\u7c7b\u5143\u7d20\u9f50\u5168\u4e14\u5c42\u7ea7\u6e05\u6670","HTML \u6e90\u6587\u4ef6\u4fdd\u7559\uff0c\u4fbf\u4e8e\u7528\u6237\u6539\u5b57\u540e\u91cd\u65b0\u622a\u56fe"],"limitations":["\u4ec5\u751f\u6210\u5c01\u9762\u56fe\uff0c\u4e0d\u751f\u6210\u5185\u9875\u56fe\u3001\u4e0d\u5199\u7b14\u8bb0\u6b63\u6587\u3001\u4e0d\u505a\u53d1\u5e03","\u9ed8\u8ba4\u8f93\u51fa\u8def\u5f84\u5199\u6b7b\u4e3a ~/Documents/Obsidian Vault/xhs/img/\uff0c\u65e0\u8be5\u76ee\u5f55\u7684\u73af\u5883\u9700\u7528\u6237\u6539\u8def\u5f84","\u672a\u5305\u542b\u5b57\u4f53\u6587\u4ef6\uff0c\u4f9d\u8d56\u7cfb\u7edf PingFang SC \u7b49\u5b57\u4f53\uff0c\u7f3a\u5b57\u4f53\u65f6\u6392\u7248\u53ef\u80fd\u53d8\u5316","\u4e0d\u4fdd\u8bc1\u5c01\u9762\u901a\u8fc7\u5e73\u53f0\u5ba1\u6838\u6216\u5e26\u6765\u70b9\u51fb\uff0c\u6548\u679c\u9700\u7528\u6237\u81ea\u884c\u53d1\u5e03\u540e\u89c2\u5bdf"],"issues":["SKILL.md \u4e2d\u5b57\u53f7\u5199\u4f5c\u201c120-130px\u201d\u201c76-82px\u201d\u7b49\u533a\u95f4\uff0c\u672a\u7ed9\u51fa\u786e\u5b9a\u53d6\u503c\u89c4\u5219\uff0cAgent \u9700\u81ea\u884c\u51b3\u5b9a\uff0c\u53ef\u80fd\u5bfc\u81f4\u6392\u7248\u4e0d\u4e00\u81f4","\u9ed8\u8ba4\u4fdd\u5b58\u8def\u5f84\u6307\u5411\u7279\u5b9a\u7528\u6237\u7684 Obsidian \u76ee\u5f55\uff0c\u5c5e\u4e8e\u4e2a\u4eba\u73af\u5883\u5047\u8bbe\uff0c\u901a\u7528\u6027\u4e0d\u8db3","\u4ec5\u542b SKILL.md \u4e0e LICENSE\uff0c\u65e0\u622a\u56fe\u793a\u4f8b\u6216\u6e32\u67d3\u6821\u9a8c\uff0c\u5b9e\u9645\u89c6\u89c9\u6548\u679c\u5f85\u6838\u5b9e"],"missing_files":[]},"quality_url":"https://shiliuai.cn/api/v2/skills/chenxiachan-xhs-cover-95446b/files/SHILIU-QUALITY.md","usage_guide":{"task":"\u628a\u4e00\u6bb5\u6807\u9898\u6587\u6848\u8f6c\u6210\u4e00\u5f203:4\u5c0f\u7ea2\u4e66\u5c01\u9762\u56fe\uff0c\u5305\u542b\u89d2\u6807\u3001\u4e3b\u526f\u6807\u9898\u3001\u6807\u7b7e\u4e0e\u5e95\u90e8\u5173\u952e\u8bcd\uff0c\u5e76\u6309\u5185\u5bb9\u7c7b\u578b\u9009\u62e9\u914d\u8272\u98ce\u683c\u3002","inputs":"\u5fc5\u586b\uff1a\u5c01\u9762\u6807\u9898\u6587\u6848\uff08\u5efa\u8bae\u4e0d\u8d85\u8fc730\u5b57\uff09\uff1b\u53ef\u9009\uff1a--style \u98ce\u683c\u540d\uff08morandi/academic/dark/mint/sunset/bw\uff09\uff1b\u8fd0\u884c\u73af\u5883\u9700 Python \u4e0e Playwright\uff08\u542b Chromium\uff09\u3002","outputs":"\u4e00\u5f201080\u00d71440 PNG \u5c01\u9762\u56fe\u53ca\u5bf9\u5e94 HTML \u6e90\u6587\u4ef6\uff1b\u6587\u6848\u5c42\u7ea7\u4e3a\u89d2\u6807\u3001\u4e3b\u6807\u9898\u3001\u526f\u6807\u9898\u30013\u4e2a\u6807\u7b7e\u3001\u5e95\u90e8\u5173\u952e\u8bcd\u3002","example_input":"\u5e2e\u6211\u505a\u4e00\u5f20\u5c0f\u7ea2\u4e66\u5c01\u9762\uff0c\u6807\u9898\u662f\u201c3\u6b65\u642d\u597d\u81ea\u5df1\u7684\u82f1\u8bed\u4f5c\u6587\u6a21\u677f\u201d\uff0c\u98ce\u683c\u7528 mint\u3002","example_output":"\u793a\u610f\u7ed3\u6784\uff1a\u751f\u6210 /tmp/xhs-cover.html\uff08\u542b .badge \u89d2\u6807\u201c\u5b66\u4e60\u7b14\u8bb0\u201d\u3001\u4e3b\u6807\u9898\u201c3\u6b65\u642d\u6a21\u677f\u201d\u3001\u526f\u6807\u9898\u4e00\u884c\u30013\u4e2a\u6807\u7b7e chip\u3001\u5e95\u90e8\u5173\u952e\u8bcd\uff09\uff0c\u518d\u7528 Playwright \u622a\u56fe\u4e3a cover-english-template.png \u5e76\u5c55\u793a\u3002\u56fe\u7247\u5185\u5bb9\u4e3a\u793a\u610f\uff0c\u975e\u5b9e\u9645\u6e32\u67d3\u7ed3\u679c\u3002"},"read_url":"https://shiliuai.cn/api/v2/skills/chenxiachan-xhs-cover-95446b","skill_url":"https://shiliuai.cn/api/v2/skills/chenxiachan-xhs-cover-95446b/files/SKILL.md","download_url":"https://shiliuai.cn/api/v2/skills/chenxiachan-xhs-cover-95446b/download","install_url":"https://shiliuai.cn/api/v2/skills/chenxiachan-xhs-cover-95446b/install","files":[{"path":"LICENSE","bytes":1068,"url":"https://shiliuai.cn/api/v2/skills/chenxiachan-xhs-cover-95446b/files/LICENSE"},{"path":"SHILIU-QUALITY.md","bytes":1853,"url":"https://shiliuai.cn/api/v2/skills/chenxiachan-xhs-cover-95446b/files/SHILIU-QUALITY.md"},{"path":"SKILL.md","bytes":5900,"url":"https://shiliuai.cn/api/v2/skills/chenxiachan-xhs-cover-95446b/files/SKILL.md"},{"path":"shiliu-quality.json","bytes":1860,"url":"https://shiliuai.cn/api/v2/skills/chenxiachan-xhs-cover-95446b/files/shiliu-quality.json"},{"path":"shiliu-source.json","bytes":275,"url":"https://shiliuai.cn/api/v2/skills/chenxiachan-xhs-cover-95446b/files/shiliu-source.json"},{"path":"usage.json","bytes":948,"url":"https://shiliuai.cn/api/v2/skills/chenxiachan-xhs-cover-95446b/files/usage.json"}],"content":"---\nname: xhs-cover\ndescription: \u751f\u6210\u5c0f\u7ea2\u4e66\u5c01\u9762\u56fe\uff08HTML+CSS \u2192 Playwright \u622a\u56fe\uff09\nuser-invocable: true\nargument-hint: <\u6807\u9898\u6587\u6848> [--style \u98ce\u683c\u540d]\nallowed-tools: Bash, Read, Write, Edit\n---\n\n\u4e3a\u7528\u6237\u751f\u6210\u4e00\u5f20\u5c0f\u7ea2\u4e66\u98ce\u683c\u5c01\u9762\u56fe\u3002\n\n## \u8f93\u5165\n\u7528\u6237\u63d0\u4f9b\u7684\u5185\u5bb9: $ARGUMENTS\n\n\u89e3\u6790\u8f93\u5165\uff1a\n- \u6807\u9898\u6587\u6848\uff08\u5fc5\u987b\uff09\uff1a\u4ece\u8f93\u5165\u4e2d\u63d0\u53d6\u6838\u5fc3\u6587\u6848\uff0c\u4e0d\u8d85\u8fc7 30 \u5b57\n- \u98ce\u683c\uff08\u53ef\u9009\uff09\uff1a`--style \u98ce\u683c\u540d`\uff0c\u9ed8\u8ba4\u81ea\u52a8\u9009\u62e9\n\n## \u53ef\u7528\u98ce\u683c\n\n### 1. morandi\uff08\u83ab\u5170\u8fea\uff09\n\u6e29\u67d4\u9ad8\u7ea7\uff0c\u4f4e\u9971\u548c\u5ea6\uff0c\u9002\u5408\u77e5\u8bc6\u5206\u4eab\u3001\u65b9\u6cd5\u8bba\u3001\u751f\u6d3b\u65b9\u5f0f\n```\n\u80cc\u666f: linear-gradient(155deg, #f0e6d8, #e8dcd0, #d6cfc8)\n\u4e3b\u8272: #c45c4a\uff08\u6696\u7ea2\uff09\n\u526f\u8272: #5b5080\uff08\u7070\u7d2b\uff09\n\u8f85\u52a9: #4a7a6a\uff08\u7070\u7eff\uff09\n\u6587\u5b57: #3d3328\uff08\u6df1\u68d5\uff09\n\u6807\u7b7e\u80cc\u666f: rgba(255,255,255,0.55)\n```\n\n### 2. academic\uff08\u5b66\u672f\u84dd\uff09\n\u51b7\u9759\u4e13\u4e1a\uff0c\u9002\u5408\u8bba\u6587\u89e3\u8bfb\u3001\u79d1\u7814\u5206\u4eab\u3001\u6280\u672f\u5206\u6790\n```\n\u80cc\u666f: linear-gradient(155deg, #e4eaf2, #d8e2ee, #cdd8e8)\n\u4e3b\u8272: #2563eb\uff08\u5b66\u672f\u84dd\uff09\n\u526f\u8272: #7c3aed\uff08\u7d2b\uff09\n\u8f85\u52a9: #0891b2\uff08\u9752\uff09\n\u6587\u5b57: #1e293b\uff08\u6df1\u84dd\u7070\uff09\n\u6807\u7b7e\u80cc\u666f: rgba(255,255,255,0.6)\n```\n\n### 3. dark\uff08\u6697\u591c\u79d1\u6280\uff09\n\u786c\u6838\u79d1\u6280\u611f\uff0c\u9002\u5408 AI/\u7f16\u7a0b/\u5f00\u6e90\u9879\u76ee\u3001\u6280\u672f\u6df1\u5ea6\u5185\u5bb9\n```\n\u80cc\u666f: linear-gradient(155deg, #1a1a2e, #16213e, #0f3460)\n\u4e3b\u8272: #a78bfa\uff08\u4eae\u7d2b\uff09\n\u526f\u8272: #38bdf8\uff08\u5929\u84dd\uff09\n\u8f85\u52a9: #34d399\uff08\u7eff\uff09\n\u6587\u5b57: #f1f5f9\uff08\u8fd1\u767d\uff09\n\u6807\u7b7e\u80cc\u666f: rgba(255,255,255,0.08), border: rgba(255,255,255,0.2)\n```\n\n### 4. mint\uff08\u8584\u8377\u6e05\u65b0\uff09\n\u6e05\u723d\u81ea\u7136\uff0c\u9002\u5408\u5de5\u5177\u63a8\u8350\u3001\u6548\u7387\u65b9\u6cd5\u3001\u5b66\u4e60\u7b14\u8bb0\n```\n\u80cc\u666f: linear-gradient(155deg, #ecfdf5, #e0f7ed, #d1f0e4)\n\u4e3b\u8272: #059669\uff08\u7fe0\u7eff\uff09\n\u526f\u8272: #7c3aed\uff08\u7d2b\uff09\n\u8f85\u52a9: #d97706\uff08\u7425\u73c0\uff09\n\u6587\u5b57: #1a3a2a\uff08\u6df1\u7eff\u7070\uff09\n\u6807\u7b7e\u80cc\u666f: rgba(255,255,255,0.6)\n```\n\n### 5. sunset\uff08\u65e5\u843d\u6696\u6a58\uff09\n\u6e29\u6696\u6709\u6d3b\u529b\uff0c\u9002\u5408\u4e2a\u4eba\u611f\u609f\u3001\u9879\u76ee\u53d1\u5e03\u3001\u91cc\u7a0b\u7891\u5206\u4eab\n```\n\u80cc\u666f: linear-gradient(155deg, #fef3e2, #fde8d0, #fcdcc4)\n\u4e3b\u8272: #ea580c\uff08\u6a58\u7ea2\uff09\n\u526f\u8272: #7c3aed\uff08\u7d2b\uff09\n\u8f85\u52a9: #0891b2\uff08\u9752\uff09\n\u6587\u5b57: #431407\uff08\u6df1\u68d5\uff09\n\u6807\u7b7e\u80cc\u666f: rgba(255,255,255,0.55)\n```\n\n### 6. bw\uff08\u6781\u7b80\u9ed1\u767d\uff09\n\u9ad8\u7ea7\u514b\u5236\uff0c\u9002\u5408\u89c2\u70b9\u8f93\u51fa\u3001\u4e89\u8bae\u8bdd\u9898\u3001\u6df1\u5ea6\u601d\u8003\n```\n\u80cc\u666f: linear-gradient(155deg, #f5f5f5, #ebebeb, #e0e0e0)\n\u4e3b\u8272: #18181b\uff08\u7eaf\u9ed1\uff09\n\u526f\u8272: #52525b\uff08\u7070\uff09\n\u8f85\u52a9: #a1a1aa\uff08\u6d45\u7070\uff09\n\u6587\u5b57: #18181b\uff08\u7eaf\u9ed1\uff09\n\u6807\u7b7e\u80cc\u666f: rgba(255,255,255,0.7), border: #d4d4d8\n```\n\n## \u751f\u6210\u6d41\u7a0b\n\n### \u6b65\u9aa4 1\uff1a\u8bbe\u8ba1\u6587\u6848\n\u4ece\u7528\u6237\u8f93\u5165\u63d0\u53d6\uff1a\n- **\u4e3b\u6807\u9898**\uff08\u6700\u5927\u5b57\uff0c1 \u884c\uff0c\u6838\u5fc3\u6982\u5ff5/\u4ea7\u54c1\u540d/\u5173\u952e\u8bcd\uff09\n- **\u526f\u6807\u9898**\uff08\u6b21\u5927\u5b57\uff0c1-2 \u884c\uff0c\u6838\u5fc3\u6d1e\u5bdf\u6216 tagline\uff09\n- **\u6807\u7b7e**\uff083 \u4e2a\u529f\u80fd/\u5173\u952e\u8bcd\u6807\u7b7e\uff0c\u6bcf\u4e2a 2-4 \u5b57\uff09\n- **\u89d2\u6807**\uff08\u5de6\u4e0a\u5c0f\u5b57\uff0c\u8eab\u4efd\u6807\u7b7e\u5982 OPEN SOURCE / \u8bba\u6587\u89e3\u8bfb / \u5de5\u5177\u63a8\u8350\uff09\n- **\u5e95\u90e8**\uff08\u5c0f\u5b57\uff0c3 \u4e2a\u5173\u952e\u8bcd\u7528 \u00b7 \u5206\u9694\uff09\n\n### \u6b65\u9aa4 2\uff1a\u9009\u62e9\u98ce\u683c\n- \u5982\u679c\u7528\u6237\u6307\u5b9a\u4e86 `--style`\uff0c\u4f7f\u7528\u5bf9\u5e94\u98ce\u683c\n- \u5426\u5219\u6839\u636e\u5185\u5bb9\u81ea\u52a8\u9009\u62e9\uff1a\n  - \u8bba\u6587/\u79d1\u7814 \u2192 academic\n  - AI/\u7f16\u7a0b/\u5f00\u6e90 \u2192 dark \u6216 morandi\n  - \u5de5\u5177/\u6548\u7387 \u2192 mint\n  - \u4e2a\u4eba\u611f\u609f/\u53d1\u5e03 \u2192 sunset\n  - \u89c2\u70b9/\u601d\u8003 \u2192 bw\n\n### \u6b65\u9aa4 3\uff1a\u751f\u6210 HTML\n\u5199\u5165 `/tmp/xhs-cover.html`\uff0c\u9075\u5faa\u4ee5\u4e0b\u6a21\u677f\u7ed3\u6784\uff1a\n\n```html\n<!DOCTYPE html>\n<html>\n<head>\n<meta charset=\"utf-8\">\n<style>\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  body { width: 1080px; height: 1440px; overflow: hidden;\n         font-family: -apple-system, \"PingFang SC\", \"Helvetica Neue\", sans-serif; }\n  .canvas {\n    width: 1080px; height: 1440px;\n    background: {\u98ce\u683c\u80cc\u666f};\n    display: flex; flex-direction: column; justify-content: center;\n    padding: 60px 70px; gap: 36px; position: relative;\n  }\n  /* \u89d2\u6807 */\n  .badge { display: inline-flex; align-items: center; gap: 10px;\n           background: {\u4e3b\u8272 alpha 0.12}; border: 1.5px solid {\u4e3b\u8272 alpha 0.2};\n           border-radius: 10px; padding: 12px 24px; font-size: 28px;\n           font-weight: 700; color: {\u4e3b\u8272}; letter-spacing: 3px; width: fit-content; }\n  /* \u4e3b\u6807\u9898\u884c */\n  .title-row { display: flex; align-items: baseline; gap: 20px; white-space: nowrap; }\n  .title-main { font-size: 120-130px; font-weight: 900; color: {\u4e3b\u8272}; letter-spacing: -2px; }\n  .title-secondary { font-size: 110-120px; font-weight: 900; color: {\u526f\u8272}; }\n  /* \u5206\u9694\u7ebf */\n  .divider { width: 80px; height: 5px;\n             background: linear-gradient(90deg, {\u4e3b\u8272}, {\u526f\u8272});\n             border-radius: 3px; margin: 10px 0; }\n  /* \u526f\u6807\u9898 */\n  .tagline { font-size: 76-82px; font-weight: 800; color: {\u6587\u5b57\u8272};\n             letter-spacing: 8px; line-height: 1.4; }\n  .tagline .accent { color: {\u4e3b\u8272 \u6216\u526f\u8272 \u6de1\u5316}; }\n  /* \u6807\u7b7e */\n  .chip { background: {\u6807\u7b7e\u80cc\u666f}; border-radius: 14px; padding: 18px 32px;\n          font-size: 34px; font-weight: 700; letter-spacing: 2px; }\n  /* \u5e95\u90e8 */\n  .footer { font-size: 30px; color: {\u6587\u5b57\u8272 \u6de1\u5316}; font-weight: 600; letter-spacing: 2px; }\n</style>\n</head>\n<body>\n  <!-- \u6309\u4e0a\u9762\u7684\u7ed3\u6784\u586b\u5145\u5185\u5bb9 -->\n</body>\n</html>\n```\n\n\u5173\u952e\u8bbe\u8ba1\u7ea6\u675f\uff1a\n- 3:4 \u6bd4\u4f8b\uff081080\u00d71440px\uff09\n- \u6587\u5b57\u5360\u753b\u9762 70% \u4ee5\u4e0a\n- \u4e3b\u6807\u9898\u5c3d\u91cf\u4e00\u884c\u653e\u4e0b\uff08\u5fc5\u8981\u65f6\u7f29\u5c0f\u5b57\u53f7\u6216\u62c6\u884c\uff09\n- 2-3 \u7ea7\u6587\u5b57\u5c42\u7ea7\uff1a\u4e3b\u6807\u9898 > \u526f\u6807\u9898 > \u6807\u7b7e/\u5e95\u90e8\n- \u6240\u6709\u4e2d\u6587\u7528 font-weight: 700-900\n- \u989c\u8272\u6700\u591a\u7528 3 \u79cd\uff08\u4e3b+\u526f+\u8f85\u52a9\uff09\uff0c\u4e0d\u6742\u4e71\n\n### \u6b65\u9aa4 4\uff1a\u622a\u56fe\n\u7528 Playwright \u622a\u56fe\u4fdd\u5b58\uff1a\n\n```python\nfrom playwright.sync_api import sync_playwright\nwith sync_playwright() as p:\n    browser = p.chromium.launch()\n    page = browser.new_page(viewport={\"width\": 1080, \"height\": 1440})\n    page.goto(\"file:///tmp/xhs-cover.html\")\n    page.wait_for_timeout(500)\n    page.screenshot(path=\"<\u8f93\u51fa\u8def\u5f84>\", full_page=False)\n    browser.close()\n```\n\n\u9ed8\u8ba4\u4fdd\u5b58\u5230 `~/Documents/Obsidian Vault/xhs/img/cover-{\u7b80\u77ed\u6807\u8bc6}.png`\u3002\n\n### \u6b65\u9aa4 5\uff1a\u5c55\u793a\n\u7528 Read \u5de5\u5177\u5c55\u793a\u751f\u6210\u7684\u56fe\u7247\u7ed9\u7528\u6237\uff0c\u8be2\u95ee\u662f\u5426\u9700\u8981\u8c03\u6574\u3002\n","usage":"\u8bfb\u53d6 SKILL.md\uff0c\u5e76\u6309\u9700\u8bfb\u53d6\u914d\u5957\u6587\u4ef6\uff1b\u4e0b\u8f7d ZIP \u83b7\u53d6\u5b8c\u6574\u5305\u3002\u6280\u80fd\u662f\u4efb\u52a1\u65b9\u6cd5\uff0c\u4e0d\u6388\u4e88\u65b0\u589e\u8d26\u6237\u3001\u4ed8\u8d39\u6216\u7cfb\u7edf\u6743\u9650\u3002"}