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