跳到正文

玩法图鉴

每个玩法都标了上手时间和第一句话怎么说,挑一个顺眼的直接开玩。

第一次装 Skill?

分不清 Skill、Plugin 和 MCP 的话,先看图文说明

出图与出片

会动的架构图:岚叔动态架构图

岚叔动态架构图示例:黑底手绘风、流光沿管线移动

丢一篇文章给 Codex,拿回一张黑底手绘风、流光会沿管线移动的架构图 GIF。870 Star · 上手约 10 分钟。

完整图文课:把文章变成会动的架构图

杂志风海报:gc-minimal-zine-poster

输入「雨天旧书店」四个字,拿到一张日系独立杂志风的海报。3,372 Star · 上手约 8 分钟。

完整图文课:一句话出一张文艺海报

中文文章配图:cc2image

cc2image 手绘知识卡示例

把文章拆成「认知锚点」再配图:封面、正文插图、信息图,内置 49 套风格。公众号和小红书作者用得最多。150 Star · 上手约 15 分钟。

text
读一下 https://github.com/izscc/cc2image 的 README,按说明装好这个 Skill,然后给我这篇文章配 3 张手绘知识卡风格的图。

GitHub:izscc/cc2image

Mermaid 流程图变动画:dashmotion

dashmotion 把普通 Mermaid 流程图变成动画

你现成的 Mermaid 流程图,秒变会流动的动画;产物是单文件 HTML,双击就能看,不要任何 API Key。149 Star · 上手约 5 分钟。

bash
npx skills add csthink/dashmotion -a claude-code -g

装完对着 Codex 说「把这段 mermaid 变成动画图」。GitHub:csthink/dashmotion

51 种动效视频:motion-skills

motion-skills 51 个技能的混剪展示动图

动态字体、数据图表动画、竖屏视频、数学动画,51 个技能拆成 15 个包按需装。330 Star · 上手约 15 分钟起,视频渲染要装 Remotion 等依赖。

bash
npx skills add iart-ai/data-animation-skills

GitHub:iart-ai/motion-skills

小红书组图与 Live Photo:归藏社交卡片

写完笔记,让 Codex 直接出一套小红书组图、公众号封面对,甚至把你拍的视频做成会动的 Live Photo 封面。28 种版式、10 套主题,README 全中文。5,912 Star · 上手约 15 分钟,首次要装 Playwright 浏览器内核。

bash
npx skills add https://github.com/op7418/guizang-social-card-skill --skill guizang-social-card-skill

成品效果图在 GitHub:op7418/guizang-social-card-skill 首页。

让 AI 拍一条视频:OpenMontage

45,244 Star 的 agent 视频工作室:12 条生产管线,自带网页看板,Codex 开工时你全程围观分镜推进,产物是真的 MP4。README 案例里一支产品广告只花了 $0.69。完整装好约 30 分钟起,适合当周末项目。

GitHub:calesthio/OpenMontage

一句话小玩具

烟花、城市海报、小游戏三连

烟花模拟器的满屏烟花画面

三个「一句话就有画面」的玩具:给自己放一场烟花、把家乡路网变成海报、从零写一个能玩的打砖块。

完整图文课:一句话小玩具三连

画个草图变网页:draw-a-ui

draw-a-ui 把白板草图变成网页的演示动图

在白板上随手画个界面草图,点一下按钮,AI 直接把草图变成能跑的网页。13,579 Star · 需要自己起本地服务并填模型 Key,上手约 20 分钟。

GitHub:SawyerHood/draw-a-ui

网页养一只看板娘:live2d-widget

往任意网页加两行代码,就有一个跟着鼠标转头、会说话的 Live2D 动漫角色常驻角落。拿它装点你刚让 Codex 做的个人主页正合适。10,866 Star · 上手约 10 分钟。

GitHub:stevenjoezhang/live2d-widget

数学公式当画笔:fieldplay

几万个粒子按你写的公式流动,改一行公式整个画面立刻换一种流法。在线版即开即玩,也能让 Codex 帮你改出各种流场。1,316 Star。

在线版 · GitHub:anvaka/fieldplay

过日子

让 Codex 排你家一周菜单:程序员做饭指南

宫保鸡丁成品实拍,来自程序员做饭指南

101,541 Star 的 HowToCook 把 400+ 道菜写成了标准化文档,用料精确到克。让 Codex 读着它,按你冰箱里的食材排出一周菜单和购物清单。上手约 5 分钟。

完整图文课:把 Codex 变成家里的配菜师

勾选食材出菜谱:好的,今天我们来做菜!

cook 网页版:勾选食材和厨具组合菜谱

不想装任何东西的话,打开这个网页勾选你手头的食材和厨具,立刻组合出能做的菜。6,464 Star。

在线版 · GitHub:YunYouJun/cook

十分钟做一份像样的简历:Reactive Resume

Reactive Resume 的 Azurill 模板效果

开源免费的简历生成器:多套模板、拖拽编辑、导出 PDF,中文界面。先让 Codex 帮你把经历写成要点,再贴进去排版。40,021 Star。

在线版 · GitHub:AmruthPillai/Reactive-Resume

一句大白话变高级提示词:prompt-optimizer

把「帮我写个猫娘角色」优化成结构化的完整提示词,网页、桌面、Chrome 插件多端可用,数据不过服务器。32,948 Star · 上手约 5 分钟。

GitHub:linshenkx/prompt-optimizer

自己记账自己管:ezbookkeeping

轻量自托管记账:一个 Docker 容器跑起来,中文界面,手机电脑双端,账单导入和统计图表都有。让 Codex 帮你把支付账单导出转成它认的格式。5,351 Star · 需要 Docker,上手约 20 分钟。

GitHub:mayswind/ezbookkeeping

六个日用技能打包:卡兹克 khazix-skills

数字生命卡兹克开源的日用 Skill 合集:把模糊想法定义成清晰目标的 leader、扫全盘找出垃圾文件的 storage-analyzer 等 6 个,全中文。19,202 Star。

GitHub:KKKKhazix/khazix-skills

技能货架

命令逐条复制就行,装完把引号里那句话发给 Codex。

官方与大 V 合集单品

一句话出 Office 文件anthropics/skills · 166,420 Star):agent 直接吐出能双击打开的 .pptx、.docx、.xlsx、.pdf 文件。

bash
npx skills add anthropics/skills

装完说:「用 pptx 技能做一份月度工作汇报 PPT,5 页,做完把文件放到桌面。」

生成艺术(同上仓库,algorithmic-art):p5.js 流场、粒子系统,产出能拖参数的动态艺术 HTML。装完说:「生成一幅流场粒子艺术,要能在浏览器里拖参数。」

海报设计(同上仓库,canvas-design):直接产出 PNG/PDF 成品海报。装完说:「做一张『周五放映夜』活动海报,输出 PNG。」

群表情 GIF(同上仓库,slack-gif-creator):3 分钟做一个能发群里的自制动图表情。装完说:「做一个 128x128 的像素小猫敲键盘 GIF,循环播放。」

网页换肤(同上仓库,theme-factory):10 套专业配色字体主题,30 秒给任何网页、幻灯换一身高级西装。装完说:「把我这个 index.html 换一套专业主题,给我看前后对比。」

链接变杂志网页ConardLi/garden-skills · 10,070 Star · 中文):丢一个链接或一段文字,出来一篇杂志级排版的单文件 HTML,发给谁都能打开。

bash
npx skills add ConardLi/garden-skills -s beautiful-article

文章变「视频感」演示(同上仓库,web-video-presentation):16:9 整屏动效、点击推进,录个屏就是视频,B 站博主拿口播稿直接出片。

Markdown 变技术幻灯antfu/skills · 5,715 Star):Vue 核心成员 Anthony Fu 的 Slidev 技能,笔记进去、能翻页放映的幻灯片出来,还能导出 PDF/PPTX。

bash
npx skills add antfu/skills --skill slidev

一条命令出成品

这组不用装技能,agent 自己会调命令。直接把引号里的话发给 Codex 就行。

  • md 变幻灯marp-cli · 3,734 Star):「写一份 3 页自我介绍幻灯片,用 npx @marp-team/marp-cli 转成 PDF 打开。」
  • md 变脑图markmap · 13,024 Star):「把这篇文章整理成大纲,用 npx markmap-cli 生成能折叠缩放的脑图。」
  • 嘴说流程变图mermaid-cli · 4,908 Star):「把『用户注册到下单』画成流程图,导出 PNG。」
  • 文本变精美 PDFtypst · 55,297 Star):现代版 LaTeX,简历、报告模板生态齐全。「用 typst 排一份单页中文简历 PDF。」
  • 代码写视频remotion · 55,570 Star):React 组件描述动画,渲染出真 mp4。
  • 文章变播客podcastfy · 6,478 Star):开源版 NotebookLM,网页/PDF 进去,两人对谈 mp3 出来;要一个模型 Key。
  • 视频自动加字幕auto-subtitle · 2,271 Star):Whisper 听写并烧录,「给桌面的 demo.mp4 加字幕」。
  • 文字变中文语音edge-tts · 11,666 Star):微软晓晓级别的配音 mp3,不要 API Key。「把这段文案配成女声 mp3。」
  • 终端操作录成 GIFvhs · 20,544 Star):agent 写个几行脚本,你的命令行演示自动变成 GIF。

桌面与日常

  • 任务跑完手机响ntfy · 33,059 Star):手机装 ntfy App 订阅一个主题,让 Codex 在长任务结束时 curl -d "跑完了" ntfy.sh/你的主题——挂机跑任务的绝配。
  • 终端变好看starship · 59,261 Star):装完开个新终端立刻变样,git 分支、语言版本全彩色显示。
  • 终端里翻文件yazi · 41,068 Star):国人作者的 Rust 文件管理器,图片视频都能在终端预览,快得离谱。
  • AI 画图铺桌面macos-wallpaper · 709 Star):「生成一张极简山水壁纸,用 wallpaper 命令直接设为我的桌面。」
  • 打缩写出全文espanso · 14,225 Star):任何应用里输 :mail 自动展开成你的邮箱;配置是 YAML,让 Codex 替你写。
  • 下载文件夹自动归位organize · 3,096 Star):按规则把安装包、截图、PDF 各归各位,有演习模式先看后动。

站内老玩法

Portdan API 接入、配置与排查指南。