d7bd77d59a
- Replace all openclaw-cn commands with openclaw (official) - Remove OpenClaw-CN community fork links (jiulingyun) - Remove clawd.org.cn, skillhub.tencent.com references - Remove clawdbot-ai/awesome-openclaw-skills-zh links - Update guide.html, llms.txt, skills.html, SkillHub.html, tutorial - All links now point to U-Claw (u-claw.org) or OpenClaw official
225 lines
14 KiB
HTML
225 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>U-Claw 技能市场 — OpenClaw Skills</title>
|
|
<meta name="description" content="U-Claw 精选技能市场：自媒体运营、内容创作、数据分析、效率工具，一键安装到 OpenClaw。">
|
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🦞</text></svg>">
|
|
<style>
|
|
:root{--bg:#0a0a0f;--surface:#12121a;--card:#181824;--border:#1e1e2e;--text:#e4e4e7;--dim:#71717a;--accent:#ef4444;--accent2:#f97316;--green:#22c55e;--blue:#3b82f6;--purple:#a855f7;--cyan:#22d3ee;--yellow:#eab308}
|
|
*{margin:0;padding:0;box-sizing:border-box}
|
|
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
|
|
a{color:var(--accent);text-decoration:none}
|
|
a:hover{text-decoration:underline}
|
|
|
|
/* Header */
|
|
.header{background:var(--surface);border-bottom:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;backdrop-filter:blur(12px)}
|
|
.header-left{display:flex;align-items:center;gap:12px}
|
|
.header-left a{color:var(--text);font-weight:700;font-size:1.1em;text-decoration:none}
|
|
.header-left span{color:var(--dim);font-size:0.9em}
|
|
.header-right{display:flex;gap:16px}
|
|
.header-right a{color:var(--dim);font-size:0.9em;text-decoration:none;transition:color .2s}
|
|
.header-right a:hover{color:var(--text)}
|
|
|
|
/* Hero */
|
|
.skills-hero{text-align:center;padding:60px 20px 40px;background:radial-gradient(ellipse at 50% 0%,rgba(239,68,68,.1) 0%,transparent 60%)}
|
|
.skills-hero h1{font-size:clamp(28px,5vw,48px);font-weight:800;margin-bottom:12px}
|
|
.skills-hero p{color:var(--dim);font-size:1.1em;max-width:600px;margin:0 auto 32px}
|
|
|
|
/* Search */
|
|
.search-bar{max-width:560px;margin:0 auto;position:relative}
|
|
.search-bar input{width:100%;padding:14px 20px 14px 44px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:16px;outline:none;transition:border-color .2s}
|
|
.search-bar input:focus{border-color:var(--accent)}
|
|
.search-bar::before{content:'🔍';position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px}
|
|
|
|
/* Categories */
|
|
.cats{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:24px 20px 0;max-width:900px;margin:0 auto}
|
|
.cat-btn{padding:8px 18px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--dim);cursor:pointer;font-size:14px;transition:all .2s}
|
|
.cat-btn:hover{border-color:var(--accent);color:var(--text)}
|
|
.cat-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}
|
|
|
|
/* Grid */
|
|
.grid-wrap{max-width:1100px;margin:0 auto;padding:40px 20px 80px}
|
|
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
|
|
.skill-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:24px;transition:all .2s;cursor:default}
|
|
.skill-card:hover{border-color:var(--accent);transform:translateY(-2px)}
|
|
.skill-card-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
|
|
.skill-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px}
|
|
.skill-card-head h3{font-size:1em;font-weight:600}
|
|
.skill-card-head .tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;margin-left:auto}
|
|
.tag-cn{background:#1a3a2a;color:#4ade80}
|
|
.tag-tool{background:#1a2a3a;color:#60a5fa}
|
|
.tag-data{background:#2a1a3a;color:#c084fc}
|
|
.tag-eff{background:#2a2a1a;color:#facc15}
|
|
.tag-safe{background:#3a1a1a;color:#f87171}
|
|
.skill-desc{color:var(--dim);font-size:0.88em;margin-bottom:16px;min-height:40px}
|
|
.skill-install{background:#0d1117;border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-family:'SF Mono',Menlo,monospace;font-size:0.82em;color:var(--green);display:flex;align-items:center;justify-content:space-between;gap:8px}
|
|
.skill-install code{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
.copy-btn{background:none;border:1px solid var(--border);color:var(--dim);cursor:pointer;padding:4px 10px;border-radius:6px;font-size:12px;transition:all .15s;white-space:nowrap}
|
|
.copy-btn:hover{border-color:var(--accent);color:var(--text)}
|
|
|
|
/* Section count */
|
|
.grid-count{color:var(--dim);font-size:0.9em;margin-bottom:20px}
|
|
|
|
/* Footer */
|
|
footer{text-align:center;padding:40px 20px;border-top:1px solid var(--border);color:var(--dim);font-size:14px}
|
|
footer a{color:var(--accent)}
|
|
|
|
/* Mobile */
|
|
@media(max-width:640px){
|
|
.header{flex-direction:column;gap:8px}
|
|
.grid{grid-template-columns:1fr}
|
|
.cats{gap:6px}
|
|
.cat-btn{padding:6px 12px;font-size:13px}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="header">
|
|
<div class="header-left">
|
|
<a href="index.html">🦞 U-Claw</a>
|
|
<span>/</span>
|
|
<span>技能市场</span>
|
|
</div>
|
|
<div class="header-right">
|
|
<a href="index.html">首页</a>
|
|
<a href="guide.html">使用指南</a>
|
|
<a href="https://github.com/dongsheng123132/u-claw" target="_blank">GitHub</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="skills-hero">
|
|
<h1>🎯 技能市场</h1>
|
|
<p>精选 OpenClaw 技能，覆盖自媒体运营、内容创作、数据分析、效率工具。一键安装，即装即用。</p>
|
|
<div class="search-bar">
|
|
<input type="text" id="search" placeholder="搜索技能名称或功能...">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cats">
|
|
<button class="cat-btn active" data-cat="all">全部</button>
|
|
<button class="cat-btn" data-cat="cn">🇨🇳 国内平台</button>
|
|
<button class="cat-btn" data-cat="content">✍️ 内容创作</button>
|
|
<button class="cat-btn" data-cat="data">📊 数据分析</button>
|
|
<button class="cat-btn" data-cat="tool">🔧 效率工具</button>
|
|
<button class="cat-btn" data-cat="safe">🛡️ 安全</button>
|
|
</div>
|
|
|
|
<div class="grid-wrap">
|
|
<p class="grid-count" id="count"></p>
|
|
<div class="grid" id="grid"></div>
|
|
</div>
|
|
|
|
<footer>
|
|
<p>🦞 U-Claw 技能市场 · 数据来源 <a href="https://u-claw.org" target="_blank">u-claw.org</a> · <a href="https://github.com/openclaw/clawhub" target="_blank">OpenClaw ClawHub</a></p>
|
|
<p style="margin-top:8px"><a href="index.html">首页</a> · <a href="guide.html">使用指南</a> · <a href="https://github.com/dongsheng123132/u-claw">GitHub</a></p>
|
|
</footer>
|
|
|
|
<script>
|
|
const skills = [
|
|
// ── 国内平台 ──
|
|
{name:"xiaohongshu-ops",title:"小红书运营",desc:"小红书发布、评论回复、爆款复刻、数据分析",icon:"📕",cat:"cn",tag:"国内平台",tagClass:"tag-cn"},
|
|
{name:"canghe-post-to-wechat",title:"微信公众号发布",desc:"公众号一键发布 + 自动排版",icon:"💚",cat:"cn",tag:"国内平台",tagClass:"tag-cn"},
|
|
{name:"douyin-publisher",title:"抖音发布",desc:"抖音视频发布 + DOU+ 投放建议",icon:"🎵",cat:"cn",tag:"国内平台",tagClass:"tag-cn"},
|
|
{name:"bilibili-helper",title:"B站助手",desc:"B站投稿、互动管理、充电计划",icon:"📺",cat:"cn",tag:"国内平台",tagClass:"tag-cn"},
|
|
{name:"weibo-scheduler",title:"微博定时",desc:"微博定时发布 + 话题管理",icon:"🔴",cat:"cn",tag:"国内平台",tagClass:"tag-cn"},
|
|
{name:"multi-post",title:"多平台同步发布",desc:"一键发全网：小红书+公众号+抖音+微博+B站",icon:"🚀",cat:"cn",tag:"国内平台",tagClass:"tag-cn"},
|
|
{name:"canghe-xhs-images",title:"小红书配图",desc:"自动生成小红书风格精美配图",icon:"🖼️",cat:"cn",tag:"国内平台",tagClass:"tag-cn"},
|
|
|
|
// ── 内容创作 ──
|
|
{name:"copywriter",title:"AI 文案助手",desc:"智能文案写作，支持多种风格和场景",icon:"✍️",cat:"content",tag:"内容创作",tagClass:"tag-tool"},
|
|
{name:"headline-optimizer",title:"标题优化器",desc:"优化标题提升打开率和点击率",icon:"💡",cat:"content",tag:"内容创作",tagClass:"tag-tool"},
|
|
{name:"seo-writer",title:"SEO 写作",desc:"搜索引擎优化的内容写作",icon:"🔍",cat:"content",tag:"内容创作",tagClass:"tag-tool"},
|
|
{name:"script-writer",title:"视频脚本",desc:"短视频/长视频脚本撰写",icon:"🎬",cat:"content",tag:"内容创作",tagClass:"tag-tool"},
|
|
{name:"canghe-cover-image",title:"封面图生成",desc:"自动生成文章/视频封面图",icon:"🎨",cat:"content",tag:"内容创作",tagClass:"tag-tool"},
|
|
{name:"thumbnail-maker",title:"缩略图制作",desc:"视频缩略图自动制作",icon:"🖌️",cat:"content",tag:"内容创作",tagClass:"tag-tool"},
|
|
{name:"canghe-infographic",title:"信息图",desc:"自动生成信息图表",icon:"📊",cat:"content",tag:"内容创作",tagClass:"tag-tool"},
|
|
{name:"meme-generator",title:"表情包生成",desc:"生成热门表情包和梗图",icon:"😂",cat:"content",tag:"内容创作",tagClass:"tag-tool"},
|
|
{name:"subtitle-generator",title:"字幕生成",desc:"视频字幕自动生成",icon:"💬",cat:"content",tag:"内容创作",tagClass:"tag-tool"},
|
|
{name:"summarize",title:"内容总结",desc:"文章/网页/PDF 智能总结",icon:"📋",cat:"content",tag:"内容创作",tagClass:"tag-tool"},
|
|
|
|
// ── 数据分析 ──
|
|
{name:"analytics-dashboard",title:"数据分析面板",desc:"全平台数据分析仪表盘",icon:"📈",cat:"data",tag:"数据分析",tagClass:"tag-data"},
|
|
{name:"content-performance",title:"内容表现追踪",desc:"追踪各篇内容的数据表现",icon:"📊",cat:"data",tag:"数据分析",tagClass:"tag-data"},
|
|
{name:"follower-growth",title:"粉丝增长",desc:"粉丝增长趋势分析和建议",icon:"👥",cat:"data",tag:"数据分析",tagClass:"tag-data"},
|
|
{name:"competitor-analysis",title:"竞品分析",desc:"分析竞争对手的内容策略",icon:"🔎",cat:"data",tag:"数据分析",tagClass:"tag-data"},
|
|
{name:"trending-hot",title:"热搜追踪",desc:"实时追踪各平台热搜话题",icon:"🔥",cat:"data",tag:"数据分析",tagClass:"tag-data"},
|
|
{name:"social-listen",title:"社交媒体监控",desc:"品牌舆情监控和口碑分析",icon:"👂",cat:"data",tag:"数据分析",tagClass:"tag-data"},
|
|
{name:"audience-analyzer",title:"受众分析",desc:"目标受众画像和行为分析",icon:"🎯",cat:"data",tag:"数据分析",tagClass:"tag-data"},
|
|
|
|
// ── 效率工具 ──
|
|
{name:"agent-browser",title:"浏览器自动化",desc:"AI 控制浏览器执行任务（必装）",icon:"🌐",cat:"tool",tag:"效率工具",tagClass:"tag-eff"},
|
|
{name:"agent-memory",title:"持久记忆",desc:"跨对话持久记忆，记住你的偏好",icon:"🧠",cat:"tool",tag:"效率工具",tagClass:"tag-eff"},
|
|
{name:"agent-autopilot",title:"自动驾驶",desc:"任务自动执行，无需手动干预",icon:"🤖",cat:"tool",tag:"效率工具",tagClass:"tag-eff"},
|
|
{name:"nano-pdf",title:"PDF 处理",desc:"PDF 阅读、提取、总结",icon:"📄",cat:"tool",tag:"效率工具",tagClass:"tag-eff"},
|
|
{name:"coding-agent",title:"编程助手",desc:"AI 辅助编程和代码审查",icon:"💻",cat:"tool",tag:"效率工具",tagClass:"tag-eff"},
|
|
{name:"diagram-generator",title:"图表生成",desc:"自动生成流程图、架构图",icon:"📐",cat:"tool",tag:"效率工具",tagClass:"tag-eff"},
|
|
{name:"weather",title:"天气查询",desc:"实时天气和预报查询",icon:"⛅",cat:"tool",tag:"效率工具",tagClass:"tag-eff"},
|
|
{name:"search",title:"联网搜索",desc:"AI 联网搜索获取实时信息",icon:"🔍",cat:"tool",tag:"效率工具",tagClass:"tag-eff"},
|
|
{name:"github",title:"GitHub 操作",desc:"GitHub 仓库、Issue、PR 管理",icon:"🐙",cat:"tool",tag:"效率工具",tagClass:"tag-eff"},
|
|
{name:"notion",title:"Notion 管理",desc:"Notion 页面和数据库管理",icon:"📝",cat:"tool",tag:"效率工具",tagClass:"tag-eff"},
|
|
{name:"obsidian",title:"Obsidian 笔记",desc:"Obsidian 知识库管理",icon:"💎",cat:"tool",tag:"效率工具",tagClass:"tag-eff"},
|
|
{name:"workflow-automation",title:"工作流自动化",desc:"自定义自动化工作流程",icon:"⚡",cat:"tool",tag:"效率工具",tagClass:"tag-eff"},
|
|
{name:"collaboration-hub",title:"协作中心",desc:"团队协作和任务分配",icon:"🤝",cat:"tool",tag:"效率工具",tagClass:"tag-eff"},
|
|
{name:"backup-sync",title:"备份同步",desc:"配置和数据自动备份同步",icon:"💾",cat:"tool",tag:"效率工具",tagClass:"tag-eff"},
|
|
|
|
// ── 安全 ──
|
|
{name:"clawdstrike",title:"安全审计",desc:"技能和插件安全扫描",icon:"🛡️",cat:"safe",tag:"安全",tagClass:"tag-safe"},
|
|
{name:"credential-manager",title:"凭证管理",desc:"API Key 安全存储和管理",icon:"🔐",cat:"safe",tag:"安全",tagClass:"tag-safe"},
|
|
];
|
|
|
|
let currentCat = 'all';
|
|
|
|
function render(filter = '') {
|
|
const grid = document.getElementById('grid');
|
|
const filtered = skills.filter(s => {
|
|
const catMatch = currentCat === 'all' || s.cat === currentCat;
|
|
const searchMatch = !filter || s.title.includes(filter) || s.desc.includes(filter) || s.name.includes(filter);
|
|
return catMatch && searchMatch;
|
|
});
|
|
document.getElementById('count').textContent = `共 ${filtered.length} 个技能`;
|
|
grid.innerHTML = filtered.map(s => `
|
|
<div class="skill-card" data-cat="${s.cat}">
|
|
<div class="skill-card-head">
|
|
<div class="skill-icon" style="background:${s.cat==='cn'?'#1a2a1a':s.cat==='content'?'#1a1a2a':s.cat==='data'?'#2a1a2a':s.cat==='safe'?'#2a1a1a':'#1a2a2a'}">${s.icon}</div>
|
|
<h3>${s.title}</h3>
|
|
<span class="tag ${s.tagClass}">${s.tag}</span>
|
|
</div>
|
|
<p class="skill-desc">${s.desc}</p>
|
|
<div class="skill-install">
|
|
<code>clawhub install ${s.name}</code>
|
|
<button class="copy-btn" onclick="copyCmd('${s.name}',this)">复制</button>
|
|
</div>
|
|
</div>
|
|
`).join('');
|
|
}
|
|
|
|
function copyCmd(name, btn) {
|
|
navigator.clipboard.writeText('clawhub install ' + name).then(() => {
|
|
btn.textContent = '已复制 ✓';
|
|
setTimeout(() => btn.textContent = '复制', 1500);
|
|
});
|
|
}
|
|
|
|
// Category filter
|
|
document.querySelectorAll('.cat-btn').forEach(btn => {
|
|
btn.addEventListener('click', () => {
|
|
document.querySelectorAll('.cat-btn').forEach(b => b.classList.remove('active'));
|
|
btn.classList.add('active');
|
|
currentCat = btn.dataset.cat;
|
|
render(document.getElementById('search').value);
|
|
});
|
|
});
|
|
|
|
// Search
|
|
document.getElementById('search').addEventListener('input', e => {
|
|
render(e.target.value);
|
|
});
|
|
|
|
render();
|
|
</script>
|
|
</body>
|
|
</html>
|