00:00 / 01:43
连播
清屏
智能
倍速
点赞193
00:00 / 02:29
连播
清屏
智能
倍速
点赞15
CoopyZhou6天前
再不用付费,vibe coding实现小组件自由 如果你也是 0 编程背景,想用AI做产品,但是不知道做什么? 这篇文章手把手教大家自制专属的小组件,实现小组件自由。 准备工具: 1. Scriptable (直接 AppStore 搜索下载) 2. 随意一个 AI(随便哪个 AI 都可以,这里我用Gemini) 步骤 1:找到对应的小组件图片,无脑给 AI 直接把图片+Prompt 丢给 AI 即可。 Prompt: 我是一个编程小白,我想在 iOS 的 Scriptable 插件里‘像素级复现’这张图里的小组件。 请分析图片中的视觉元素,直接为我编写完整的 JavaScript 代码。 要求:代码要让我能‘直接复制即用’。 这时候 AI 就会直接帮你把代码写好,你只要复制即可。 步骤 2:复制粘贴 AI 给的代码,去 Scriptable 调试 拿到代码后,你就可以去看看 AI 给你实现得怎样。 1. 打开 Scriptable,点击右上角 `+` 号。 2. 轻点 2 下,把 AI 生成的代码原封不动 粘贴 进去。 3. 点击右下角的 运行(播放键)。 遇到报错怎么办? 如果你把代码粘贴进去,看到这里有个红色的小框就说明报错了。 不要慌:直接点击小框,查看报错的原因。 然后截图,复制粘贴给 AI。这时候 AI 就会给你解决方案,并且更新代码,你重新粘贴一遍代码即可 实现成功了,我还想微调一下怎么办? 没问题,你就把你的需求再发给 AI 即可。你不用担心你会不会编程,你只需要先和 AI 聊起来, AI 就会帮你更新代码。 你要做的,就是在 Scriptable 里面复制粘贴,直到你调整到满意的样式。 步骤 3:应用并添加小组件 整个步骤和普通添加小组件一样 1. 长按手机屏幕抖动,直到左上角出现「编辑」,然后点击「添加小组件」 2. 搜索「Scriptable」添加你做的样式大小的小组件 3. 重按小组件,点击「编辑小组件」,选择你当初创建的那个脚本 教程到这里就结束了,以上这个方法你几乎能实现大部分小组件自由,比如文案类、计时类。再不用付费啦~ 本文的意义是帮助想用 AI 做编程产品,但是还没动手的朋友一个最简单的上手实操,克服代码恐惧。开始动手和 AI 一起创作自己的第一个产品吧! #零编程 #AI #小组件 #ai编程
00:00 / 03:09
连播
清屏
智能
倍速
点赞1
00:00 / 08:09
连播
清屏
智能
倍速
点赞16