Terminal-first project bootstrapper and workspace context manager. Use when the user asks for /project-style workflows: detect current project, read project context/brief, run standardized targets (build/test/lint/deploy), init a .project bundle via plan/apply, manage artifacts, or expose these actions via MCP server mcp-project-router and CLI project.
数据来源：ClawHub。 在 ClawSkills 查看
选择你使用的 Agent
方法一：命令行安装（推荐）
推荐（无需提前安装 clawhub）
npx clawhub@latest --dir ~/.claude/skills install project-router或使用 clawhub CLI（需提前安装）
clawhub --dir ~/.claude/skills install project-router⚠️ 需要 Node.js 18+，没有 Node？请使用下方方法二直接下载 ZIP。 安装 Node.js →
方法二：手动下载安装（无需 Node）
下载 ZIP，解压后将文件夹放到以下路径，重启 Agent 即可：
安装路径
~/.claude/skills/project-router/💡解压后将文件夹放到上方路径，重启 Agent 即可生效
--- name: project-router description: "Terminal-first project bootstrapper and workspace context manager. Use when the user asks for /project-style workflows: detect current project, read project context/brief, run standardized targets (build/test/lint/deploy), init a .project bundle via plan/apply, manage artifacts, or expose these actions via MCP server mcp-project-router and CLI project." ---
This skill is Safa’s canonical project management + context switching control plane.
Core idea:
It provides:
project ... mcp-project-router (tools mirror the CLI).project/ (brief, targets, artifact index)The .project/ bundle is the project-local context nucleus. The canonical PM DB points at these bundles.
Inside a project root:
.project/project.json — structured manifest.project/PROJECT.md — living brief.project/targets.json — target definitions (commands).project/index/artifacts.json — artifact index.project/history/plans/*.json — plans.project/history/applies/*.json — apply receiptsFrom anywhere inside a repo/workspace:
project detectproject contextproject target listproject target run Initialize a bundle (dry-run plan + apply):
project init (prints plan)project apply Artifacts:
project artifact add [--tags a,b,c] (plan + apply)> Note: these verbs are the target UX. Implementations should remain idempotent and safe.
Project registration:
project pm project add --name "..." --root project pm project listTask management:
project pm task add "" --priority P0|P1|P2|P3 [--status inbox|next|doing|blocked|waiting|done]</code></li><li><code>project pm task list [--project <slug>] [--status ...]</code></li><li><code>project pm task set-status <taskId> <status></code></li></ul>
<p>Context switching:</p>
<ul><li><code>project pm switch <slug></code></li></ul>
<p> - prints pinned docs + top targets + active tasks</p>
<ul><li><code>project pm focus <taskId></code></li></ul>
<p> - loads task-linked files/artifacts and updates the task activity log</p>
<p>Trello sync:</p>
<ul><li><code>project pm trello sync [--project <slug>]</code></li></ul>
<p> - ensures the single "Safa — PM" Trello board exists - ensures lists exist (Inbox/Next/Doing/Blocked/Waiting/Done) - upserts cards for canonical tasks - moves cards to match status - applies priority labels (P0..P3)</p>
<h2>MCP quick start (via mcporter)</h2>
<ul><li><code>mcporter list mcp-project-router --schema --timeout 120000 --json</code></li></ul>
<p>Examples:</p>
<ul><li>Detect:</li></ul>
<p> - <code>mcporter call --server mcp-project-router --tool project_detect --args '{}'</code></p>
<ul><li>Read context:</li></ul>
<p> - <code>mcporter call --server mcp-project-router --tool project_context_read --args '{}'</code></p>
<ul><li>Run target:</li></ul>
<p> - <code>mcporter call --server mcp-project-router --tool project_target_run --args '{"target":"test"}'</code></p>
<h2>Trello backend conventions</h2>
<p>Single-board setup:</p>
<ul><li>Board name: <code>Safa — PM</code> (or configurable)</li><li>Lists == canonical statuses:</li></ul>
<p> - <code>Inbox</code>, <code>Next</code>, <code>Doing</code>, <code>Blocked</code>, <code>Waiting</code>, <code>Done</code></p>
<ul><li>Card title: <code>[<project_slug>] <task_title></code></li><li>Card description begins with a machine block for idempotency:</li></ul>
<p> ```yaml --- pm --- task_id: <stable-id> project: <slug> status: <status> priority: P0|P1|P2|P3 --- ```</p>
<ul><li>Labels (priority, color-coded):</li></ul>
<p> - <code>P0</code> = red - <code>P1</code> = orange - <code>P2</code> = yellow - <code>P3</code> = blue</p>
<h2>Canonical PM storage (SQLite)</h2>
<p>Recommended DB location (in workspace):</p>
<ul><li><code>/home/safa/clawd/data/pm/pm.sqlite</code></li></ul>
<p>Minimum tables (v0):</p>
<ul><li><code>projects(slug PRIMARY KEY, name, root_path, created_at, updated_at)</code></li><li><code>tasks(task_id PRIMARY KEY, project_slug, title, status, priority, created_at, updated_at)</code></li><li><code>task_refs(task_id, kind, ref)</code> (file paths / urls / artifacts)</li><li><code>external_refs(task_id, system, external_id, meta_json)</code> (e.g., Trello card_id/list_id)</li></ul>
<h2>Safety</h2>
<ul><li>Project bundle writes remain <strong>plan/apply</strong>.</li><li>Canonical PM writes should be idempotent and auditable (timestamps + activity log).</li><li>Trello sync should be safe to re-run repeatedly (upsert by <code>task_id</code> marker; never duplicate cards).</li><li><code>project_target_run</code> executes commands defined in <code>.project/targets.json</code>.</li></ul></div></div><div class="bg-white dark:bg-neutral-900 rounded-2xl border border-neutral-200 dark:border-neutral-800 p-6 space-y-4"><div><h2 class="text-base font-semibold text-neutral-900 dark:text-white">Prompt 示例</h2><p class="text-xs text-neutral-400 dark:text-neutral-500 mt-1">安装 <!-- -->Project Router<!-- --> 后，可以对 AI 说这些话来触发它</p></div><div class="space-y-3"><div class="rounded-xl border border-neutral-100 dark:border-neutral-800 overflow-hidden"><div class="flex items-start gap-3 px-4 py-3 bg-neutral-50 dark:bg-neutral-800/50"><span class="flex-shrink-0 w-5 h-5 rounded-full bg-blue-100 dark:bg-blue-900/50 flex items-center justify-center text-[10px] font-bold text-blue-600 dark:text-blue-400 mt-0.5">U</span><p class="text-sm text-neutral-700 dark:text-neutral-300">Help me get started with Project Router</p></div><div class="flex items-start gap-3 px-4 py-3"><span class="flex-shrink-0 w-5 h-5 rounded-full bg-emerald-100 dark:bg-emerald-900/50 flex items-center justify-center text-[10px] font-bold text-emerald-600 dark:text-emerald-400 mt-0.5">A</span><p class="text-sm text-neutral-500 dark:text-neutral-400">Explains what Project Router does, walks through the setup, and runs a quick demo based on your current project</p></div></div><div class="rounded-xl border border-neutral-100 dark:border-neutral-800 overflow-hidden"><div class="flex items-start gap-3 px-4 py-3 bg-neutral-50 dark:bg-neutral-800/50"><span class="flex-shrink-0 w-5 h-5 rounded-full bg-blue-100 dark:bg-blue-900/50 flex items-center justify-center text-[10px] font-bold text-blue-600 dark:text-blue-400 mt-0.5">U</span><p class="text-sm text-neutral-700 dark:text-neutral-300">Use Project Router to terminal-first project bootstrapper and workspace context manager</p></div><div class="flex items-start gap-3 px-4 py-3"><span class="flex-shrink-0 w-5 h-5 rounded-full bg-emerald-100 dark:bg-emerald-900/50 flex items-center justify-center text-[10px] font-bold text-emerald-600 dark:text-emerald-400 mt-0.5">A</span><p class="text-sm text-neutral-500 dark:text-neutral-400">Invokes Project Router with the right parameters and returns the result directly in the conversation</p></div></div><div class="rounded-xl border border-neutral-100 dark:border-neutral-800 overflow-hidden"><div class="flex items-start gap-3 px-4 py-3 bg-neutral-50 dark:bg-neutral-800/50"><span class="flex-shrink-0 w-5 h-5 rounded-full bg-blue-100 dark:bg-blue-900/50 flex items-center justify-center text-[10px] font-bold text-blue-600 dark:text-blue-400 mt-0.5">U</span><p class="text-sm text-neutral-700 dark:text-neutral-300">What can I do with Project Router in my developer & devops workflow?</p></div><div class="flex items-start gap-3 px-4 py-3"><span class="flex-shrink-0 w-5 h-5 rounded-full bg-emerald-100 dark:bg-emerald-900/50 flex items-center justify-center text-[10px] font-bold text-emerald-600 dark:text-emerald-400 mt-0.5">A</span><p class="text-sm text-neutral-500 dark:text-neutral-400">Lists the top use cases for Project Router, with example commands for each scenario</p></div></div><template id="P:4"></template></div></div><div class="bg-white dark:bg-neutral-900 rounded-2xl border border-neutral-200 dark:border-neutral-800 p-6 space-y-3"><h2 class="text-base font-semibold text-neutral-900 dark:text-white">常见问题</h2><details class="group rounded-xl border border-neutral-100 dark:border-neutral-800"><summary class="flex items-center justify-between px-4 py-3 cursor-pointer text-sm font-medium text-neutral-800 dark:text-neutral-200 list-none">如何安装 Project Router？<span class="text-neutral-400 group-open:rotate-180 transition-transform ml-2 flex-shrink-0">▾</span></summary><p class="px-4 pb-3 text-sm text-neutral-500 dark:text-neutral-400 leading-relaxed">将技能文件夹放到 ~/.claude/skills/project-router/ 目录（个人级，所有项目可用），或 .claude/skills/project-router/（项目级）。重启 AI 客户端后，用 /project-router 主动调用，或让 AI 根据上下文自动发现并使用。</p></details><details class="group rounded-xl border border-neutral-100 dark:border-neutral-800"><summary class="flex items-center justify-between px-4 py-3 cursor-pointer text-sm font-medium text-neutral-800 dark:text-neutral-200 list-none">Project Router 支持哪些 AI 平台？<span class="text-neutral-400 group-open:rotate-180 transition-transform ml-2 flex-shrink-0">▾</span></summary><p class="px-4 pb-3 text-sm text-neutral-500 dark:text-neutral-400 leading-relaxed">Project Router 支持 Claude、Cursor、OpenClaw，可与这些 AI 平台无缝集成，扩展其能力。</p></details><details class="group rounded-xl border border-neutral-100 dark:border-neutral-800"><summary class="flex items-center justify-between px-4 py-3 cursor-pointer text-sm font-medium text-neutral-800 dark:text-neutral-200 list-none">Project Router 是免费的吗？<span class="text-neutral-400 group-open:rotate-180 transition-transform ml-2 flex-shrink-0">▾</span></summary><p class="px-4 pb-3 text-sm text-neutral-500 dark:text-neutral-400 leading-relaxed">Project Router 可免费安装使用。请查阅仓库了解许可证信息。</p></details><details class="group rounded-xl border border-neutral-100 dark:border-neutral-800"><summary class="flex items-center justify-between px-4 py-3 cursor-pointer text-sm font-medium text-neutral-800 dark:text-neutral-200 list-none">Project Router 有什么功能？<span class="text-neutral-400 group-open:rotate-180 transition-transform ml-2 flex-shrink-0">▾</span></summary><p class="px-4 pb-3 text-sm text-neutral-500 dark:text-neutral-400 leading-relaxed">Terminal-first project bootstrapper and workspace context manager. Use when the user asks for /project-style workflows: detect current project, read project context/brief, run standardized targets (build/test/lint/deploy), init a .project bundle via plan/apply, manage artifacts, or expose these actions via MCP server mcp-project-router and CLI project.</p></details><details class="group rounded-xl border border-neutral-100 dark:border-neutral-800"><summary class="flex items-center justify-between px-4 py-3 cursor-pointer text-sm font-medium text-neutral-800 dark:text-neutral-200 list-none">Project Router 属于哪个分类？<span class="text-neutral-400 group-open:rotate-180 transition-transform ml-2 flex-shrink-0">▾</span></summary><p class="px-4 pb-3 text-sm text-neutral-500 dark:text-neutral-400 leading-relaxed">Project Router 属于「Developer & DevOps」分类，该分类的技能帮助 AI 智能体在此领域执行专业任务。</p></details></div><div class="bg-white dark:bg-neutral-900 rounded-2xl border border-neutral-200 dark:border-neutral-800 p-6 space-y-3"><h2 class="text-base font-semibold text-neutral-900 dark:text-white">使用场景</h2><div class="space-y-2"><a class="flex items-center gap-3 px-4 py-3 rounded-xl border border-neutral-100 dark:border-neutral-800 hover:border-blue-300 dark:hover:border-blue-700 hover:bg-blue-50/50 dark:hover:bg-blue-950/20 transition-all group" href="/skills/project-router/use-cases/getting-started"><span class="w-1.5 h-1.5 rounded-full bg-blue-400 flex-shrink-0 group-hover:bg-blue-500 transition-colors"></span><span class="text-sm text-neutral-700 dark:text-neutral-300 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Getting Started with Project Router</span><span class="ml-auto text-neutral-300 dark:text-neutral-600 group-hover:text-blue-400 transition-colors text-xs">→</span></a><a class="flex items-center gap-3 px-4 py-3 rounded-xl border border-neutral-100 dark:border-neutral-800 hover:border-blue-300 dark:hover:border-blue-700 hover:bg-blue-50/50 dark:hover:bg-blue-950/20 transition-all group" href="/skills/project-router/use-cases/workflow-automation"><span class="w-1.5 h-1.5 rounded-full bg-blue-400 flex-shrink-0 group-hover:bg-blue-500 transition-colors"></span><span class="text-sm text-neutral-700 dark:text-neutral-300 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Automate Developer & DevOps Workflows with Project Router</span><span class="ml-auto text-neutral-300 dark:text-neutral-600 group-hover:text-blue-400 transition-colors text-xs">→</span></a><a class="flex items-center gap-3 px-4 py-3 rounded-xl border border-neutral-100 dark:border-neutral-800 hover:border-blue-300 dark:hover:border-blue-700 hover:bg-blue-50/50 dark:hover:bg-blue-950/20 transition-all group" href="/skills/project-router/use-cases/team-collaboration"><span class="w-1.5 h-1.5 rounded-full bg-blue-400 flex-shrink-0 group-hover:bg-blue-500 transition-colors"></span><span class="text-sm text-neutral-700 dark:text-neutral-300 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">Team Collaboration with Project Router</span><span class="ml-auto text-neutral-300 dark:text-neutral-600 group-hover:text-blue-400 transition-colors text-xs">→</span></a></div></div><div><div class="flex items-center justify-between mb-4"><h2 class="text-base font-semibold text-neutral-900 dark:text-white">同类技能推荐</h2><a class="text-xs text-blue-500 hover:text-blue-600 transition-colors" href="/zh/skills?category=developer-devops">查看全部 <!-- -->Developer & DevOps<!-- --> →</a></div><div class="grid grid-cols-1 sm:grid-cols-2 gap-3"><a class="group block" href="/zh/skills/github"><div class="relative flex flex-col gap-3 rounded-xl border border-neutral-200 bg-white p-4 hover:border-blue-300 hover:shadow-md transition-all duration-200 dark:border-neutral-800 dark:bg-neutral-900 dark:hover:border-neutral-700"><div class="flex items-start justify-between gap-2"><div class="flex-1 min-w-0"><div class="flex items-center gap-1.5 flex-wrap"><h3 class="font-semibold text-sm text-neutral-900 dark:text-neutral-100 group-hover:text-blue-600 transition-colors">Github</h3><span class="inline-flex items-center font-semibold tracking-wide uppercase rounded bg-gradient-to-r from-emerald-600 to-teal-600 text-white dark:from-emerald-500 dark:to-teal-500 shadow-sm gap-0.5 text-[10px] px-1.5 py-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check w-2.5 h-2.5"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg>严选</span></div><span class="text-xs text-neutral-400 dark:text-neutral-500">Developer & DevOps</span></div></div><p class="text-xs text-neutral-600 dark:text-neutral-400 line-clamp-2 leading-relaxed">Interact with GitHub using the `gh` CLI. Use `gh issue`, `gh pr`, `gh run`, and `gh api` for issues, PRs, CI runs, and advanced queries.</p><div class="flex items-center justify-between pt-1 border-t border-neutral-100 dark:border-neutral-800"><div class="flex gap-1 flex-wrap"><span class="text-[10px] px-1.5 py-0.5 rounded-md bg-neutral-50 border border-neutral-200 text-neutral-500 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">Claude</span><span class="text-[10px] px-1.5 py-0.5 rounded-md bg-neutral-50 border border-neutral-200 text-neutral-500 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">Cursor</span><span class="text-[10px] px-1.5 py-0.5 rounded-md bg-neutral-50 border border-neutral-200 text-neutral-500 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">OpenClaw</span></div><div class="flex items-center gap-2.5 text-neutral-400"><span class="flex items-center gap-0.5 text-[10px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download w-3 h-3"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg>159.8k</span><template id="P:5"></template><template id="P:6"></template></div></div></div></a><template id="P:7"></template><template id="P:8"></template><template id="P:9"></template></div></div></div><script>
(function() {
try {
var url = '/api/view?slug=' + encodeURIComponent("project-router");
if (navigator.sendBeacon) {
navigator.sendBeacon(url);
} else {
fetch(url, { method: 'POST', keepalive: true }).catch(function(){});
}
} catch(e) {}
})();
</script></div></div><script>$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:2","P:2")</script><script>self.__next_f.push([1,"35:[\"$\",\"circle\",\"1v7zrd\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"3\"}]\n36:[\"$\",\"span\",null,{\"className\":\"flex items-center gap-0.5 text-[10px] text-amber-500\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-star w-3 h-3 fill-amber-400\",\"children\":[[\"$\",\"path\",\"r04s7s\",{\"d\":\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"}],\"$undefined\"]}],\"85\"]}]\n37:[\"$\",\"path\",\"1nclc0\",{\"d\":\"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0\"}]\n38:[\"$\",\"circle\",\"1v7zrd\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"3\"}]\n39:[\"$\",\"span\",null,{\"className\":\"flex items-center gap-0.5 text-[10px] text-amber-500\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-star w-3 h-3 fill-amber-400\",\"children\":[[\"$\",\"path\",\"r04s7s\",{\"d\":\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"}],\"$undefined\"]}],\"49\"]}]\n3a:[\"$\",\"circle\",\"1v7zrd\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"3\"}]\n3b:[\"$\",\"span\",null,{\"className\":\"flex items-center gap-0.5 text-[10px] text-amber-500\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-star w-3 h-3 fill-amber-400\",\"children\":[[\"$\",\"path\",\"r04s7s\",{\"d\":\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"}],\"$undefined\"]}],\"120\"]}]\n"])</script><div hidden id="S:4"><div class="rounded-xl border border-neutral-100 dark:border-neutral-800 overflow-hidden"><div class="flex items-start gap-3 px-4 py-3 bg-neutral-50 dark:bg-neutral-800/50"><span class="flex-shrink-0 w-5 h-5 rounded-full bg-blue-100 dark:bg-blue-900/50 flex items-center justify-center text-[10px] font-bold text-blue-600 dark:text-blue-400 mt-0.5">U</span><p class="text-sm text-neutral-700 dark:text-neutral-300">Automate my developer & devops tasks using Project Router</p></div><div class="flex items-start gap-3 px-4 py-3"><span class="flex-shrink-0 w-5 h-5 rounded-full bg-emerald-100 dark:bg-emerald-900/50 flex items-center justify-center text-[10px] font-bold text-emerald-600 dark:text-emerald-400 mt-0.5">A</span><p class="text-sm text-neutral-500 dark:text-neutral-400">Identifies repetitive steps in your workflow and sets up Project Router to handle them automatically</p></div></div></div><script>$RS("S:4","P:4")</script><div hidden id="S:5"><span class="flex items-center gap-0.5 text-[10px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye w-3 h-3"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg>4.2k</span></div><script>$RS("S:5","P:5")</script><div hidden id="S:6"><span class="flex items-center gap-0.5 text-[10px] text-amber-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-amber-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>517</span></div><script>$RS("S:6","P:6")</script><div hidden id="S:7"><a class="group block" href="/zh/skills/browser-use"><div class="relative flex flex-col gap-3 rounded-xl border border-neutral-200 bg-white p-4 hover:border-blue-300 hover:shadow-md transition-all duration-200 dark:border-neutral-800 dark:bg-neutral-900 dark:hover:border-neutral-700"><div class="flex items-start justify-between gap-2"><div class="flex-1 min-w-0"><div class="flex items-center gap-1.5 flex-wrap"><h3 class="font-semibold text-sm text-neutral-900 dark:text-neutral-100 group-hover:text-blue-600 transition-colors">Browser Use</h3><span class="inline-flex items-center font-semibold tracking-wide uppercase rounded bg-gradient-to-r from-emerald-600 to-teal-600 text-white dark:from-emerald-500 dark:to-teal-500 shadow-sm gap-0.5 text-[10px] px-1.5 py-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check w-2.5 h-2.5"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg>严选</span></div><span class="text-xs text-neutral-400 dark:text-neutral-500">Developer & DevOps</span></div></div><p class="text-xs text-neutral-600 dark:text-neutral-400 line-clamp-2 leading-relaxed">Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with w...</p><div class="flex items-center justify-between pt-1 border-t border-neutral-100 dark:border-neutral-800"><div class="flex gap-1 flex-wrap"><span class="text-[10px] px-1.5 py-0.5 rounded-md bg-neutral-50 border border-neutral-200 text-neutral-500 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">Claude</span><span class="text-[10px] px-1.5 py-0.5 rounded-md bg-neutral-50 border border-neutral-200 text-neutral-500 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">Cursor</span><span class="text-[10px] px-1.5 py-0.5 rounded-md bg-neutral-50 border border-neutral-200 text-neutral-500 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">OpenClaw</span></div><div class="flex items-center gap-2.5 text-neutral-400"><span class="flex items-center gap-0.5 text-[10px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download w-3 h-3"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg>36.9k</span><span class="flex items-center gap-0.5 text-[10px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye w-3 h-3"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg>439</span><span class="flex items-center gap-0.5 text-[10px] text-amber-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-amber-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>85</span></div></div></div></a></div><script>$RS("S:7","P:7")</script><div hidden id="S:8"><a class="group block" href="/zh/skills/browser-automation"><div class="relative flex flex-col gap-3 rounded-xl border border-neutral-200 bg-white p-4 hover:border-blue-300 hover:shadow-md transition-all duration-200 dark:border-neutral-800 dark:bg-neutral-900 dark:hover:border-neutral-700"><div class="flex items-start justify-between gap-2"><div class="flex-1 min-w-0"><div class="flex items-center gap-1.5 flex-wrap"><h3 class="font-semibold text-sm text-neutral-900 dark:text-neutral-100 group-hover:text-blue-600 transition-colors">Browser Automation</h3><span class="inline-flex items-center font-semibold tracking-wide uppercase rounded bg-gradient-to-r from-emerald-600 to-teal-600 text-white dark:from-emerald-500 dark:to-teal-500 shadow-sm gap-0.5 text-[10px] px-1.5 py-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check w-2.5 h-2.5"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg>严选</span></div><span class="text-xs text-neutral-400 dark:text-neutral-500">Developer & DevOps</span></div></div><p class="text-xs text-neutral-600 dark:text-neutral-400 line-clamp-2 leading-relaxed">Automate web browser interactions using natural language via CLI commands. Use when the user asks to browse websites, navigate web pages, extract data from websites, take screenshots, fill forms, click buttons, or interact with web applications.</p><div class="flex items-center justify-between pt-1 border-t border-neutral-100 dark:border-neutral-800"><div class="flex gap-1 flex-wrap"><span class="text-[10px] px-1.5 py-0.5 rounded-md bg-neutral-50 border border-neutral-200 text-neutral-500 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">Claude</span><span class="text-[10px] px-1.5 py-0.5 rounded-md bg-neutral-50 border border-neutral-200 text-neutral-500 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">Cursor</span><span class="text-[10px] px-1.5 py-0.5 rounded-md bg-neutral-50 border border-neutral-200 text-neutral-500 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">OpenClaw</span></div><div class="flex items-center gap-2.5 text-neutral-400"><span class="flex items-center gap-0.5 text-[10px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download w-3 h-3"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg>35.9k</span><span class="flex items-center gap-0.5 text-[10px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye w-3 h-3"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg>480</span><span class="flex items-center gap-0.5 text-[10px] text-amber-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-amber-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>49</span></div></div></div></a></div><script>$RS("S:8","P:8")</script><div hidden id="S:9"><a class="group block" href="/zh/skills/playwright-mcp"><div class="relative flex flex-col gap-3 rounded-xl border border-neutral-200 bg-white p-4 hover:border-blue-300 hover:shadow-md transition-all duration-200 dark:border-neutral-800 dark:bg-neutral-900 dark:hover:border-neutral-700"><div class="flex items-start justify-between gap-2"><div class="flex-1 min-w-0"><div class="flex items-center gap-1.5 flex-wrap"><h3 class="font-semibold text-sm text-neutral-900 dark:text-neutral-100 group-hover:text-blue-600 transition-colors">Playwright MCP</h3><span class="inline-flex items-center font-semibold tracking-wide uppercase rounded bg-gradient-to-r from-emerald-600 to-teal-600 text-white dark:from-emerald-500 dark:to-teal-500 shadow-sm gap-0.5 text-[10px] px-1.5 py-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check w-2.5 h-2.5"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg>严选</span></div><span class="text-xs text-neutral-400 dark:text-neutral-500">Developer & DevOps</span></div></div><p class="text-xs text-neutral-600 dark:text-neutral-400 line-clamp-2 leading-relaxed">Browser automation via Playwright MCP server. Navigate websites, click elements, fill forms, extract data, take screenshots, and perform full browser automation workflows.</p><div class="flex items-center justify-between pt-1 border-t border-neutral-100 dark:border-neutral-800"><div class="flex gap-1 flex-wrap"><span class="text-[10px] px-1.5 py-0.5 rounded-md bg-neutral-50 border border-neutral-200 text-neutral-500 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">Claude</span><span class="text-[10px] px-1.5 py-0.5 rounded-md bg-neutral-50 border border-neutral-200 text-neutral-500 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">Cursor</span><span class="text-[10px] px-1.5 py-0.5 rounded-md bg-neutral-50 border border-neutral-200 text-neutral-500 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400">OpenClaw</span></div><div class="flex items-center gap-2.5 text-neutral-400"><span class="flex items-center gap-0.5 text-[10px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download w-3 h-3"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg>35.6k</span><span class="flex items-center gap-0.5 text-[10px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye w-3 h-3"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg>504</span><span class="flex items-center gap-0.5 text-[10px] text-amber-500"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-3 h-3 fill-amber-400"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg>120</span></div></div></div></a></div><script>$RS("S:9","P:9")</script><script>$RC("B:1","S:1")</script></body></html>