技能地圖

Skill Manual · browser-use / video-use · 2026

video-use — 使用說明書 原始素材丟進資料夾, Claude 剪出final.mp4。 ElevenLabs Scribe + LLM + ffmpeg 組成的對話式剪輯管線。

browser-use 團隊開源的 video-use:把原始素材丟進資料夾,Claude 幫你剪成 final.mp4。Tenten 拆解 12 條不可妥協的剪輯規則、Pipeline 八段與動畫/字幕/調色三軸。

browser-use 團隊(就是那個用 DOM 代替截圖讓 LLM 跑瀏覽器的倉庫)用同一套思路攻向影片:不讓 LLM 看畫面,改給它 word-level transcript。Claude 從文字稿決定每一刀,ffmpeg 執行剪切、淡入、字幕、調色、動畫疊加 — 一句「edit these into a launch video」就輸出可交付的 final.mp4。

browser-use/video-use
星標
8.7K
分支
1.3K
授權
—
資料截至
閱讀時間
8 分
更新日期
開啟原始報告
Stars
3,882★2026-04-12 建倉,上線 12 天累積 553 次 fork — 建倉速度 Top 1%。
Pipeline 段數
8StepsInventory · Pre-scan · Converse · Strategy · Execute · Preview · Self-eval · Persist。
生產規則
12 Rules從「字幕 LAST 套」到「30ms 音訊淡出」— 不可妥協的工程紀律。
語言與授權
Python · Open Source2026-04-23 最新 push,作者為 browser-use(Magnus Müller / Gregor Zunic)。

01FROM THE EDITOR · APRIL 2026

browser-use 對付網頁的那招,現在搬到影片上了。

編者手記

  1. 文字才是 LLM 的主場。

    每次呼叫 ElevenLabs Scribe 一次,拿到 word-level timestamps、speaker diarization、音訊事件((笑聲)、(嘆氣)、(掌聲))。所有刀口從文字計算 — 連 timeline_view.py 的視覺化也只在模糊時呼叫。這是「影片當成檔案、不是當成媒體」的哲學。

  2. 先確認策略,再動刀。

    SKILL.md 明文要求:「Ask → confirm → execute → iterate → persist」。Claude 會先用 4–8 句話描述剪輯形狀、Take 選擇、動畫規劃、調色方向、字幕風格、預估長度,等你點頭才動工。沒有預先 render 一堆廢稿的暴力法。

  3. 12 條不可妥協的工程紀律。

    「字幕一定最後套」、「每個剪接點 30ms 音訊淡出」、「絕對不在字中間切」、「轉錄結果要 cache、不能重跑」 — SKILL.md 列出 12 條 Non-Negotiable Rules。這是把「藝術創作」交給對話、「工程品質」交給規則,兩者邊界清晰。

02Inventory · Strategy · RenderSelf-Eval × 3

八段 Pipeline

從「ffprobe 掃素材」一路到「把本次決策寫進 project.md」的完整流程。Claude 在每段都有明確工具與決策邊界,不會在中間爆掉。

Pipeline 工作流

INVENTORY → PRE-SCAN → STRATEGY → RENDER → SELF-EVAL

排名 01/05

coreyhaines31 / marketingskills

社群公認最成熟的 行銷技能集

業界多次引用為「GTM 行銷首選」,由 Swipe Files 創辦人 Corey Haines 維護

包含 page-cro、copywriting、seo-audit、cold-email、email-sequence、analytics-tracking、ab-test 等 30+ 技能,並依照 SEO / CRO / Content / Paid / Growth / Sales / Strategy 七大區塊組織,架構極其清晰。

  • ✓ 社群最多引用
  • CRO
  • 文案
  • SEO
  • Email
  • Ads
/
05
Pods
7 Areas
Skills
32+
License
MIT

排名 02

OpenClaudia / openclaudia-skills

讓 Claude Code 變成完整行銷部門

62+ 模組化技能,附中文使用指南

支援斜線指令 /audit-seo、/write-blog、/email-sequence、/competitor-analysis,並整合 SemRush、Ahrefs、SerpAPI、GA4、Search Console、Resend 等外部 API。

  • 中文指南
  • SEO API 整合
  • 斜線指令
Skills
62+
APIs
8 Services

排名 03

alirezarezvani / claude-skills

全領域最大開源庫 — 232+ 技能

行銷、產品、工程、C-level 顧問一次到位,跨 11 平台

支援 Claude Code、Codex、Gemini CLI、Cursor、OpenClaw、Hermes 等。行銷 pod 涵蓋 Content(8)、SEO(5)、CRO(6)、Channels(6)、Growth(4)、Intelligence(4)、Sales(2),還附帶 persona 角色設定與跨領域協作協議。

  • ★ 5,200+ Stars
  • ✓ 支援 OpenClaw
  • 11 平台通用
Stars
5.2k+
Tools
305 CLI

排名 04

zubair-trabzada / ai-marketing-claude

15 個行銷技能 +平行 subagents

可產出 PDF 客戶報告,適合代理商 / SOHO 使用

輸入 /market audit <url> 會同時啟動 5 個 subagent 分析內容、轉換、SEO、競品、品牌、成長六大面向,並產出評分化報告。特別適合用於銷售拜訪前做 prospect 準備。

  • 平行 subagents
  • PDF 報告
  • 代理商導向
Skills
15
Output
PDF / MD

排名 05

BrianRWagner / ai-marketing-claude-code-skills

17 個「可執行」行銷框架

v3.1 支援 quick / standard / deep 三段執行深度

包含 LinkedIn 個人檔案優化、定位、AI 搜尋可見度 (AEO) 稽核、客戶案例撰寫等,對 B2B 顧問與創業者特別實用。明確支援 OpenClaw。

  • B2B 導向
  • AEO 稽核
  • ✓ OpenClaw
Version
v3.1
Skills
17

03GTM · Outbound · PipelineEnterprise Ready

銷售 BD

包含 ICP 建模、名單研究、冷啟動 outreach、Deal 復活、銷售管道分析、RevOps 等 B2B 業務自動化。

銷售 BD 技能

GTM · OUTBOUND · PIPELINE · ENTERPRISE READY

排名 01/05

ericosiu / ai-marketing-skills (Single Brain)

由跑過百萬美元業務管道的團隊開源

「統計學級」銷售技能 — 不是提示詞,而是完整 Python 工作流

Growth Engine 內建 bootstrap 信賴區間與 Mann-Whitney U 檢定的 A/B 實驗引擎;Sales Pipeline 含 Deal Resurrector(追蹤離職 champion 到新公司)與 ICP Learner(依輸贏資料自動改寫 ICP);還有 Content Ops、Outbound Engine、SEO Ops、Revenue Intelligence 等模組。

  • ✓ 真實業務驗證
  • ICP 自動學習
  • Deal 復活
  • RB2B 整合
/
05
Modules
8 Core
Stack
Python
Origin
Single Brain

排名 02

mfwarren / entrepreneur-claude-skills

創業者寫給創業者的 24 個技能

橫跨行銷、銷售、營運、財務、領導

含 cold-outreach(PAS / AIDA / BAB 直效文案框架)、unit-economics(CAC / LTV 分析)、offer-creation(Hormozi「無法拒絕的報價」法)、sop-builder,作者持續在自己公司每天使用。

  • 冷啟動序列
  • 單位經濟
  • SOP 建構
Skills
24
Categories
6

排名 03

OneWave-AI / claude-skills

162 個技能 +多代理波次執行

由佛羅里達 AI 顧問公司維護,支援 3–50+ 平行代理

涵蓋銷售、業務營運、工程、顧問與 AI 代理架構。能同時啟動數十個獨立代理,每個擁有獨立 1M token context window,適合大規模重構、網站稽核、批量內容產出。

  • 企業級部署
  • 多代理平行
  • 1M context
Skills
162
Max Agents
50+

排名 04

ComposioHQ / awesome-claude-skills

GTM 社群最常引用的策展清單

內建 Lead Research Assistant 銷售 BD 專用技能

Lead Research Assistant 為銷售、業務開發、行銷人員設計:分析產品 → 搜尋目標公司 → 提供具體外拓策略。可在產品原始碼目錄執行,讓 Claude 從 code 本身推論目標客戶。

  • 策展目錄
  • Lead Research
  • 社群首選
Type
Awesome List
Maintainer
Composio

排名 05

VoltAgent / awesome-agent-skills

1,000+ 技能超級目錄

含 ColdIQ、GTM Agents、銷售專用倉庫入口

收錄 Anthropic、Google Labs、Vercel、Stripe、Cloudflare、Netlify、Figma 等官方技能與社群技能,兼容 Claude Code、Codex、Antigravity、Gemini CLI、Cursor、GitHub Copilot、OpenCode、Windsurf。找銷售類技能從這裡入口最快。

  • 1,000+ 技能
  • 官方 + 社群
  • 跨平台
Entries
1,000+
Platforms
8+

04UI · UX · VisualCraft-Oriented

設計 Design

涵蓋 UX 研究、設計系統、互動設計、原型測試、色彩與字體、前端美學框架。

設計技能

UI · UX · VISUAL · CRAFT-ORIENTED

排名 01/06

Owl-Listener / designer-skills

設計領域最完整的開源集合

63 個技能 · 27 個指令 · 8 個 plugins

涵蓋設計研究(10)、設計系統(8)、UX 策略(8)、UI 設計(9)、互動設計(7)、原型測試(8)、設計維運、日常工具。支援 /discover、/strategize、/color-palette、/handoff 等斜線指令。MIT 授權。

  • ★ 418 Stars
  • ✓ 設計師首選
  • 63 技能
  • MIT
/
06
Stars
418
Plugins
8
Commands
27

排名 02

nextlevelbuilder / ui-ux-pro-max-skill

50+ 風格的設計智能庫

161 色盤 · 57 字體配對 · 99 UX 指南

支援 10 個技術棧(html-tailwind、react、nextjs、astro、vue、svelte、swiftui、react-native、flutter、shadcn、jetpack-compose)。CLI 搜尋引擎採 BM25 + 正則混合。風格涵蓋 Glassmorphism、Claymorphism、Brutalism、Neumorphism、Bento Grid。

  • 50+ 風格
  • 10 技術棧
  • shadcn/ui MCP
Styles
50+
Palettes
161

排名 03

claudekit / frontend-design-pro-demo

11 種可切換視覺風格

從瑞士簡約到賽博龐克

透過 claude plugin add claudekit/frontend-design-pro-demo 官方一鍵安裝,針對不同行業可切換美學,適合產品早期需要快速打樣多種視覺方向。

  • ★ 198 Stars
  • 11 風格
  • 一鍵安裝
Stars
198
Styles
11

排名 04

bencium / bencium-claude-code-design-skill

單一技能內容深度最高

28,000+ 字的 UX 設計參考文件

涵蓋設計思考、視覺規範、互動設計、無障礙設計。兩個變體:innovative-ux-designer(鼓勵大膽創新)與 controlled-ux-designer(強調一致性與控制),可在創意與系統性專案間切換。

  • ★ 72 Stars
  • 28K 字
  • 雙模式
Depth
28K Words
Modes
2

排名 05

HermeticOrmus / LibreUIUX-Claude-Code

67 個 UI/UX 專用代理

設計詞彙 + 實測提示詞 + 無障礙合規

主張「設計系統級別的溝通」 — 用 Tailwind scale、spacing units、color tokens 等精確語言,而非「讓它好看一點」這類模糊指示。包含無障礙合規、前端行動開發、後端、CI/CD 等多個 plugin 集合。

  • 67 代理
  • WCAG / a11y
  • 設計詞彙庫
Agents
67
Compliance
WCAG

排名 06

anthropics / skills(官方)

Anthropic 官方技能集

frontend-design · canvas-design · theme-factory · brand-guidelines

frontend-design 技能明確指示 Claude 避開「AI slop」的通用美學、做出大膽的設計決策,在 React + Tailwind 組合下表現特別好。canvas-design 則用於產出 PNG / PDF 靜態視覺作品(海報、平面設計)。

  • ✓ Anthropic 官方
  • frontend-design
  • canvas-design
Origin
Official
Skills
8 Core

05FROM THE TENTEN CMO OFFICE — FOR BUSINESS OWNERS

把 Skills 變成行動計畫

行動計畫

依你的團隊目標選一個起點。每一組都由 Tenten 策展、實際部署過 — 下一個 sprint 就能開始產生成果,不需要半年的導入計畫。

01 · 行銷團隊 · Marketing & SEO

以 coreyhaines31 / marketingskills 為主幹

搭配 OpenClaudia / openclaudia-skills 的 SEO / SemRush 整合 — 把 SEO 稽核、落地頁優化、Email 序列、A/B 測試都交給 AI。兩者互補:前者提供結構與框架,後者提供實接外部 API 的能力。適合想在 90 天內重建內容行銷引擎的團隊。

02 · 業務團隊 · Sales & BD

讓 ericosiu 的評分架構成為 ICP 基礎

ericosiu / ai-marketing-skills 的 ICP Learner 會從輸贏資料自動改寫 ICP;Deal Resurrector 會追蹤離職 champion 到新公司。對還在用 Excel 追 pipeline 的 B2B 業務團隊,這是跳到 2026 年的最短路徑。

03 · 設計團隊 · Design System

Owl-Listener × Anthropic 官方的雙軌部署

Owl-Listener / designer-skills 做為主設計系統,搭配官方 anthropics / frontend-design。如果要上 Shopify / Hydrogen,nextlevelbuilder / ui-ux-pro-max-skill 的 shadcn/ui MCP 整合會特別有用。

04 · 技術團隊 · Multi-Model Routing

不被單一平台綁死的技能

alirezarezvani / claude-skills 與 BrianRWagner / ai-marketing-claude-code-skills 明確宣告支援 OpenClaw 多模型路由 — 可依任務複雜度與成本在 Claude、GPT、Gemini 之間自動切換,避免在 AI 供應商的價格或政策調整上失去控制權。