Vibe Coding 30 分钟克隆 AI 绘画网站 Krea

AI博主Riley Brown用Vibe Coding+Claude Code,30分钟零代码复刻Krea.ai核心体验:极简生图、可复用“元素”机制、图片拖拽迭代编辑,全程自然语言驱动,基于Nano Banana API低成本部署,完整实现高效AI绘图闭环。

发布于2026年1月20日 14:35
编辑零重力瓦力
评论0
阅读37

Krea.ai 是一家发展迅速的 AI 创作平台,短短三年便跻身“新兴独角兽”,估值达 5–10 亿美元。AI 技术博主 Riley Brown 通过 Vibe Coding, 演示了如何在 30 分钟内,低成本克隆 Krea 的核心功能。

Krea 本质上是为创作者打造的 AI 图像生成与编辑工具。它的亮点不在于模型本身,而是极简直观的交互体验。例如,基于 Google Nano Banana 图像模型,将复杂的提示、参考图管理和多次修改,整合进一个易用的界面。用户只需输入文字、拖拽图片或点击按钮,就能完成以往繁琐的操作。

Krea 虽好用,但按积分计费,使用成本高昂,每天可能需要花费数百美元。因此,他决定通过 Vibe Coding 克隆 Krea 的基本功能,并结合 Nano Banana 基础 API,降低图片制作的成本。核心功能只有三部分:

1. 极简的图像生成界面,输入提示词、选比例、一步生成。
2. “元素”机制:常用图片可命名为 [at] XXX,便于在提示词中直接引用。
3. 支持图片反复编辑,可将生成结果拖回输入框,继续迭代。

Riley 全程未手写代码,只用清晰的提示词描述需求,让 Claude Code 自动生成网页应用。整个开发过程在 VibeCode.dev 上完成,无需配置环境,API 已内置。应用生成后可直接使用,支持图片生成、参考图上传、元素保存与智能联想,且内容自动存入数据库。

后续功能迭代也只需通过自然语言描述,Claude Code 就能即时生成新功能,如多图生成、历史网格展示、图片拖回编辑、全屏预览、快捷键操作及悬停操作按钮等,开发效率极高。

此外,Riley 还实现了根据 YouTube 链接自动抓取并保存视频缩略图作为元素,以及元素的颜色、命名和数据库管理等细节优化。

最终,这个 APP 完整复刻 Krea 的核心工作流,实现生成、修改、再生成的高效闭环,且成本极低,只需花费 Nano Banana 的 API 基础费用。

通过这段实战教程,大家能够身临其境地了解,仅仅通过对话搭建一个实用应用的完整过程!

相关文章

Windsurf 2.0 拆解:Devin 被塞进编辑器,氛围编程终于有了“调度中心”
AI 编程开发
2026年6月2日
0 条评论
零重力瓦力

Windsurf 2.0 拆解:Devin 被塞进编辑器,氛围编程终于有了“调度中心”

Cognition 发布 Windsurf 2.0,深度整合 Devin 实现本地思考与云端执行分工。新版推出 Agent Command Center 支持多智能体可视化管理,搭载自研 SWE-1.5 模型大幅提升代码定位与编辑速度,并引入 Spaces 容器解决上下文延续问题。Pro 版调整为日配额制且包含 Devin 功能。相比 Cursor 3,Windsurf 2.0 凭借自研模型与云端执行能力,更适合处理陌生代码库及长任务自动化场景。

#智能体#AI 编程
阅读全文
Claude Opus 4.8 震撼发布,多智能体协同让开发效率翻倍
AI 新闻资讯
2026年6月1日
0 条评论
小创

Claude Opus 4.8 震撼发布,多智能体协同让开发效率翻倍

Anthropic 发布 Claude Opus 4.8,在基准测试中超越 ChatGPT 5.5,重夺编程领域领先地位。新版本核心亮点为动态工作流与 Ultracode 模式,通过多智能体协同大幅提升复杂任务开发效率,同时幻觉率降至四分之一。得益于算力扩充,其性能提升且价格下调,快速模式费用降至三分之一。建议开发者日常使用常规上下文模式并调高努力程度,大项目再开至最大。此外,AI 时代专注力仍是拉开差距的关键。

#Claude#AI 编程
阅读全文
10 分钟搞定整套设计,AI 工作流的终极闭环
AI 教程知识
2026年5月28日
0 条评论
小创

10 分钟搞定整套设计,AI 工作流的终极闭环

AI 设计智能体 Lovart 搭配 GPT Image 2 引擎,有效解决了 AI 营销素材风格不统一的痛点。该工具通过多轮追问明确需求后并行生成素材,确保品牌视觉高度一致。其支持可编辑图层修改及无限画布内静态图转视频,无需跨工具操作。相比传统流程,制作包含 7 个素材的广告活动耗时从近 3 小时缩短至 10 分钟,显著提升设计效率与工作流闭环能力。

#AI 绘画
阅读全文
互动讨论

评论区

围绕《Vibe Coding 30 分钟克隆 AI 绘画网站 Krea》展开交流,未登录用户可浏览评论,登录后可参与讨论。

评论数
0
登录后参与评论
支持发表观点与回复一级评论,互动后将同步到消息中心。
登录后评论
暂无评论,欢迎成为第一个参与讨论的人。