🔧 AI 知识库

啊?我刚开源的 Skills 已经 7K Star 了?!

原文链接

啊?我刚开源的 Skills 已经 7K Star 了?!

原文链接:https://mp.weixin.qq.com/s/eJEayoZz_0_XX1seSu2txg 作者:ConardLi(花园老师),公众号 code秘密花园

摘要

ConardLi 连续写了三篇 AI Agent 教程(视频/网页设计/图片生成),每篇文末开源一个 Skill,整理到 garden-skills 仓库后迅速冲到近 7K Star。核心观点:Skill 的真正价值不在提示词写得多漂亮,而是为 Agent 提供一套可重复、稳定运行的工作方法。

Skill 到底解决了什么

很多人用 Agent 做复杂任务效果不稳定——做网页一会儿像 SaaS 官网一会儿像课程海报,做视频前 30 秒很好后面开始堆字乱切画面。

根因:Agent 默认接到的是一个"任务",而复杂产物需要的是一条"生产线"。

一个好的 Skill 应提供三个要素:

  1. 明确的工作流程 — 什么时候该问、什么时候该做、什么时候该停下来让你审阅
  2. 明确的质量标准 — 什么算好、什么算"AI 味"太重
  3. 明确的迭代接口 — 不满意时该反馈什么,Agent 知道该改哪一层

三大 Skill

1. web-video-presentation(视频制作)

将文章/脚本/课程/产品 Demo 等文字内容转化为基于网页制作的演示视频(键盘推进章节,非直接生成 mp4)。

适用场景:技术文章视频化、产品功能演示、课程讲解、发布会式演示、科普内容、公众号文章转视频。

主题模板:bold-signal(产品发布)、terminal-green(CLI 教程)、newsroom(热点解读)、neon-cyber(AI/大模型)、split-canvas(双主题对比)等 11 套。

TTS 可插拔:内置 MiniMax 和 OpenAI TTS,预留 ElevenLabs/edge-tts/Azure/Google Cloud 接口。

使用建议:模型用 Opus 4.7 效果最好;第一轮 Review 要认真看,脚本/主题/视觉方向定得越清楚返工越少。

2. web-design-engineer(网页设计)

专门解决 AI 生成网页"一眼 AI 味"——大渐变、玻璃卡片、发光边框、过度圆角。先判断产品类型和受众,再确定视觉方向、信息层级、排版节奏。

适用场景:官网、落地页、Dashboard、活动页、作品集、交互原型。

25 套主题模板,每套含具体设计规则(颜色/字体/版式/标志性动作/适合场景/避坑指南)。如:linear(B2B SaaS)、raycast(效率工具)、aesop(美妆护肤)、tufte-dataink(数据可视化)、mailchimp-freddie(社区工具)等。

3. gpt-image-2(图片生成)

面向 GPT Image 2 和 OpenAI 兼容图像 API,支持海报/UI Mockup/产品图/信息图/论文图/技术架构图/漫画/头像/分镜/品牌板/图片编辑。

18 大类、79 个结构化 Prompt 模板,覆盖生成和编辑两类工作流。

三种运行模式

  • 本地模式:直接调接口出图落盘(需 API Key)
  • 宿主工具模式:整理好的 Prompt 交给当前 Agent 自带的图像工具
  • 顾问模式:无图像工具时退化为 Prompt 顾问

资源链接