03
发布矩阵 · 三朵云落点
第 8 段「应用托管」的放大图。同一份构建产物,三种落点:Vercel 在用 ✓、Cloudflare 已部署 ✓(wrangler + 11 个官方 skill 已装)、阿里云 OSS/FC 已在用(ossutil / Serverless-Devs ✓)。横轴=平台,纵轴=能力层;Cloudflare 与阿里云两列均接入了各自的官方 skill 生态(见下方两块)。
能力 ╲ 平台
Vercel外部生态 · 在用 ✓
Cloudflare在用 ✓ · wrangler + skills 已装
阿里云OSS/FC 在用 ✓ · 工具就绪
前端 / 静态托管
deploy-to-vercel
Pages · wrangler ✓
OSS 静态托管 · ossutil
Serverless / 函数
Functions
Workers
FC · Serverless-Devs(s) ✓
边缘 / CDN
Edge Network
Workers 边缘
ESA · EdgeRoutine
对象存储
Blob
R2
OSS bucket · ossutil ✓
KV / 边缘状态
Vercel KV
Workers KV
Edge KV
⚡
Cloudflare 官方 Skill 套件 — 已装 ✓（11 个）
cloudflare/skills
部署核心
wrangler部署 CLI · 本次在用·
cloudflare平台总览 Pages/Workers/KV/D1/R2·
workers-best-practicesWorker 代码审查
构建生态
agents-sdk·
durable-objects·
sandbox-sdk·
web-perf·
turnstile-spin·
cloudflare-email-service·
cloudflare-one·
cloudflare-one-migrations
⚡ 官方出品,无需自己封装:cloudflare/skills 仓库共 11 个 Agent Skill。作为外部 skill,标准装法是 §04 的 skills.sh:npx skills add cloudflare/skills -g;但本机 skills.sh 内部 clone 不走代理会失败,故改用等效的 git clone(带代理)+ symlink——仓库存 jacky-github/cloudflare-skills,可 git pull 更新。(另一官方入口:任意 wrangler 命令加 --install-skills。)本次发布正是 wrangler + cloudflare 两个 skill 覆盖的场景。
🔍
阿里云 skill 市场发现链 — 只有「命令行搜/装官方 skill」才走这条
alibabacloud-find-skills
alibabacloud-find-skills本地 · 发现入口→
aliyun CLI + agentexplorer统一 CLI · 待装→
skills.aliyun.com官方市场
已知 OSS skill ×4
oss-manage-metaquery自然语言检索·
oss-media-process音视频/图片处理·
oss-manage-cron-upload定时上传·
oss-manage-network-probe网络排查
⚠ 别把三套阿里云命令行搞混(都是独立工具,各开一扇门):ossutil 只管 OSS — 本机 arm64 已装 + 已配凭证 ✓,你之前传 OSS 就是它 · s / Serverless-Devs 管 FC 部署 — 已装 ✓ · aliyun 才是阿里云统一 CLI,agentexplorer(逛 skill 市场)挂它下面 · 本机未装。
所以 OSS/FC 操作早能用;只有上面这条「命令行搜/装阿里云官方 skill」才需补 aliyun CLI:curl -fsSL https://aliyuncli.alicdn.com/setup.sh | bash → aliyun plugin install --names agentexplorer(打 OpenAPI 必带 --region cn-hangzhou + --user-agent)。不想装也可直接逛 skills.aliyun.com。
📱⚡🔗
场景专页 · 产物的最后一公里 —— 手机遥控远端,产物如何出远端
点击进入 →
用 Happy 在手机上遥控远端 Mac mini 写代码——产物却困在远端磁盘(无 file:// / 无 localhost,手机看不到、存不下、发不出)。这页把这个交付断点讲透,并按「操控 → 生产 → 交付(Cloudflare) → 验证 → 沉淀」五层收集整条闭环用到的全部 skills。→ docs/remote-dev-delivery.html
04
Skill 怎么装 · 怎么分享
上面所有 skill 不是天生就在,要装。两条来源、两种装法:别人出的「外部 skill」统一用 Vercel 的 skills.sh(npx skills)装;自己出的「内部 skill」放 jacky-skills,用 git clone + 软链。两者都落到 ~/.claude/skills/,Claude Code 即扫即用。
🌐 外部 Skill → skills.sh
别人/官方出的 · 约 100+ 个
npx skills add <owner/repo> -g
npx skills list / update / remove
Vercel 出的开放生态 CLI,自动识别已装的各 AI 工具,默认 symlink(单一副本多 agent 复用,易 update)。⚠ 国内它内部 clone GitHub 不走代理会失败,需先 export HTTPS_PROXY=http://127.0.0.1:10802。发现目录:skills.sh。
🛠️ 内部 Skill → git clone + 软链
自己开发的 · 统管在 jacky-skills
git clone …/jacky-skills
j-skills link && j-skills install -g
自研 skill 全放 jacky-skills 仓库(plugins/ + skills/),用 j-skills 软链到 ~/.claude/skills/——改源即生效,免重装。本机 150+ 个 skill 大多是这种软链结构。
🌐
外部 Skills · 装了哪些
skills.sh 生态
按来源生态分,代表性的几批(非全量):
Vercel
frontend-design·
web-design-guidelines·
deploy-to-vercel·
react / vue / svelte / solid-best-practices·
next·
shadcn·
zustand / jotai / xstate
Superpowers
brainstorming·
systematic-debugging·
test-driven-development·
writing-plans / executing-plans·
skill-creator·
using-superpowers·
verification-before-completion
Cloudflare
cloudflare/skills ×11详见 §03 ↑
·其它
garden-skills·
alibabacloud-find-skills
🛠️
内部 Skills · 自研(jacky-skills)
git clone + 软链 · 约 60+
按 plugin 分组(代表 skill):
obsidian ×12
ob-collect·ob-chat·
ob-index·ob-topic·
ob-tidy / rate / router / bridge / compile / project-log·
article-with-images
dev ×8
web-search·todo·
github-repo-publish·remote-dev-sync·
web-connect·efficiency-audit
learning ×3
repo-study·learn-repo·doc-to-tutorial
·knowledge ×9
npm-publish·vsix-publish·llm-wiki
ticktick ×3
tt / tt-defer / tt-worker
·顶层/其它
ssh-connect·spec-debate·
distiller·sounding-board·
opencli-harness
📤 怎么给别人用: 把 jacky-skills 推到 GitHub(wangjs-jacky/jacky-skills),别人一行装走:npx skills add wangjs-jacky/jacky-skills -g(skills.sh 能识别 plugins/ 结构);或 git clone 后用 j-skills install -g。外部用 skills.sh、内部 git clone+软链,分享时合二为一:把内部 repo 当成别人的"外部 skill"发出去即可。
05
AI 内容生产 · PPT × 视频 × 图像
不只写代码——AI 现在能直接产出 演示稿 / 视频 / 图。按产物归类,沿用 绿=自建 / 蓝=外部生态。
🖥️
AI 做 PPT / 演示稿
presentation
一句话需求 → 逐页生成配图 → 合成可编辑 .pptx;或走网页式幻灯片(版式与动效更自由)。
原生 PPTX
ppt-generation逐页配图 → 合成 .pptx
网页幻灯片
web-design-engineer高质量 HTML slide deck·
html-artifacts自包含 HTML 演示
🎬
AI 做视频
三条路线
从省力到硬核三条路:① 网页录屏式(强推,最省力) → ② 代码渲染真 mp4 → ③ 采集·处理已有视频。
★ 强推
★ web-video-presentation文章/口播稿 → 伪装成视频的 16:9 网页 · 点击驱动 · 录屏即成片
↑ 来自 ConardLi/garden-skills(本地已有) · 内置 10 套主题(不止一种风格) + Vite/React 脚手架模板 · 底层只用 ffmpeg 合音频,非真渲染
代码渲染 mp4
RemotionReact 组件 → mp4 · 有预览/渲染管线 · 开发者向·
HyperFramesHeyGen 开源 · 纯 HTML/CSS/JS → 无头浏览器抓帧 → mp4 · 无需 React,专为 agent
采集·处理
video-to-text视频 → 文案·
audio-to-subtitle音视频 → 字幕(MLX-Whisper/豆包)·
m3u8-dlHLS 下载·
fix-neat-video修复分段视频·
bilibili-batchB站批量 → Obsidian
② Remotion vs HyperFrames:前者要 React + 构建,后者纯 HTML、更适合 LLM 直接写 → 出片
🖼️
AI 做图
image
配图 / 插画 / 技术图——既是 PPT、视频的素材源,也单独成模块。
gpt-image-2出图/改图 · 80+ 结构化模板·
warm-doodle温暖手绘插图·
fireworks-tech-graph架构/流程图 → SVG
06
前置依赖 · 新机器 Bootstrap
174 个 skill 里 97 个装上即用(纯 prompt)、77 个需配置(外部 CLI/凭证/登录/文件)。下面是「换新机照着配」的依赖矩阵。状态:✓满足 / ✗缺失 / ❓待确认。逐项明细见仓库 docs/新机器-skill-配置清单.md + 一键脚本 docs/bootstrap-new-machine.sh。
三步走 · ① 搬 CLAUDE.md + 经验/配置文件 → ② 跑 bootstrap 装 CLI → ③ 补登录与真 token
🧰
① 外部 CLI 工具
brew / npm -g / pip
已装的换机重装即可;红色 = 本机当前就缺,bootstrap 脚本自动补非交互部分(已实测幂等)。
已装 ✓
✓ gh✓ vercel✓ opencli✓ ffmpeg✓ yt-dlp✓ ossutil✓ s✓ docker✓ mlx_whisper✓ vsce✓ tt✓ video2text✓ j-skills✓ mcp2cli
缺失 ✗
✗ wranglernpx 兜底✗ aliyunsetup.sh✗ ovsxnpx 兜底✗ playwright-cli✗ pipx✗ agent-reach+xhs/bili
需 build
m3u8-dlclone video-downloader → npm link
·video2text whisper 模型下载
🔑
② 凭证 / Token + 登录认证
含网页验证
搬 ~/.claude/CLAUDE.md 一步,VSCE_PAT / OVSX_PAT / OBSIDIAN_REST_API_KEY + 一批配置变量瞬间满足;真凭证才需逐个申请。
真缺 ✗
✗ CLOUDFLARE_API_TOKENturnstile✗ OPENAI_API_KEY✗ FEISHU_APP_ID/SECRET✗ AGENT_BROWSER_ENCRYPTION_KEY✗ Groq keyagent-reach
登录
✓ gh缺 workflow scope✓ tt✓ codex✓ tailscale
·
❓ vercel疑未登录❓ npmtoken 可能过期❓ wrangler/CF✗ aliyun configure
📦
③ 换机随身带的文件
登录态 / 经验
人配过一次的状态,直接拷最省事;含内网/凭证的 别进公开 git。
⭐ ~/.claude/CLAUDE.md配置变量总源~/.claude.jsonMCP 注册ob-router.jsonexperience.local.md ×N主机/Tavily/CDP~/.ssh/config + key~/.npmrchimalaya / audio2subtitle / tt-auto config
🚫
换机也跑不了 · 跳过
5 个
h5-adapt / hta-jest-utils公司私有 registry/MCPsync-plugin-to-repo企业内网 Gitfeishu-editor / reader需自建应用凭证ppt-generationAnthropic 云沙箱专用