القائمة
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/chenxiachan/xhs-claude-skills --skill xhs-coverيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
استنادا إلى تصنيف SOC المهني
عرض SKILL.md
| name | xhs-cover |
| description | 生成小红书封面图（HTML+CSS → Playwright 截图） |
| user-invocable | true |
| argument-hint | <标题文案> [--style 风格名] |
| allowed-tools | Bash, Read, Write, Edit |
为用户生成一张小红书风格封面图。
用户提供的内容: $ARGUMENTS
解析输入：
--style 风格名，默认自动选择温柔高级，低饱和度，适合知识分享、方法论、生活方式
背景: linear-gradient(155deg, #f0e6d8, #e8dcd0, #d6cfc8)
主色: #c45c4a（暖红）
副色: #5b5080（灰紫）
辅助: #4a7a6a（灰绿）
文字: #3d3328（深棕）
标签背景: rgba(255,255,255,0.55)
冷静专业，适合论文解读、科研分享、技术分析
背景: linear-gradient(155deg, #e4eaf2, #d8e2ee, #cdd8e8)
主色: #2563eb（学术蓝）
副色: #7c3aed（紫）
辅助: #0891b2（青）
文字: #1e293b（深蓝灰）
标签背景: rgba(255,255,255,0.6)
硬核科技感，适合 AI/编程/开源项目、技术深度内容
背景: linear-gradient(155deg, #1a1a2e, #16213e, #0f3460)
主色: #a78bfa（亮紫）
副色: #38bdf8（天蓝）
辅助: #34d399（绿）
文字: #f1f5f9（近白）
标签背景: rgba(255,255,255,0.08), border: rgba(255,255,255,0.2)
清爽自然，适合工具推荐、效率方法、学习笔记
背景: linear-gradient(155deg, #ecfdf5, #e0f7ed, #d1f0e4)
主色: #059669（翠绿）
副色: #7c3aed（紫）
辅助: #d97706（琥珀）
文字: #1a3a2a（深绿灰）
标签背景: rgba(255,255,255,0.6)
温暖有活力，适合个人感悟、项目发布、里程碑分享
背景: linear-gradient(155deg, #fef3e2, #fde8d0, #fcdcc4)
主色: #ea580c（橘红）
副色: #7c3aed（紫）
辅助: #0891b2（青）
文字: #431407（深棕）
标签背景: rgba(255,255,255,0.55)
高级克制，适合观点输出、争议话题、深度思考
背景: linear-gradient(155deg, #f5f5f5, #ebebeb, #e0e0e0)
主色: #18181b（纯黑）
副色: #52525b（灰）
辅助: #a1a1aa（浅灰）
文字: #18181b（纯黑）
标签背景: rgba(255,255,255,0.7), border: #d4d4d8
从用户输入提取：
--style，使用对应风格写入 /tmp/xhs-cover.html，遵循以下模板结构：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { width: 1080px; height: 1440px; overflow: hidden;
font-family: -apple-system, "PingFang SC", "Helvetica Neue", sans-serif; }
.canvas {
width: 1080px; height: 1440px;
background: {风格背景};
display: flex; flex-direction: column; justify-content: center;
padding: 60px 70px; gap: 36px; position: relative;
}
/* 角标 */
.badge { display: inline-flex; align-items: center; gap: 10px;
background: {主色 alpha 0.12}; border: 1.5px solid {主色 alpha 0.2};
border-radius: ; : ; : ;
: ; : {主色}; : ; : fit-content; }
{ : flex; : baseline; : ; : nowrap; }
{ : -; : ; : {主色}; : -; }
{ : -; : ; : {副色}; }
{ : ; : ;
: (, {主色}, {副色});
: ; : ; }
{ : -; : ; : {文字色};
: ; : ; }
{ : {主色 或副色 淡化}; }
{ : {标签背景}; : ; : ;
: ; : ; : ; }
{ : ; : {文字色 淡化}; : ; : ; }
关键设计约束：
用 Playwright 截图保存：
from playwright.sync_api import sync_playwright
with sync_playwright() as p:
browser = p.chromium.launch()
page = browser.new_page(viewport={"width": 1080, "height": 1440})
page.goto("file:///tmp/xhs-cover.html")
page.wait_for_timeout(500)
page.screenshot(path="<输出路径>", full_page=False)
browser.close()
默认保存到 ~/Documents/Obsidian Vault/xhs/img/cover-{简短标识}.png。
用 Read 工具展示生成的图片给用户，询问是否需要调整。