发现AI的创造力groq-appgen社区画廊实战指南与三种榜单模式【免费下载链接】groq-appgenProject showcasing Llama 3.3 70B HTML codegen abilities项目地址: https://gitcode.com/gh_mirrors/gr/groq-appgengroq-appgen 是 Groq Labs 开源的AI 应用生成器基于 Llama 3.3 70B 与 Groq 的高速推理引擎只需一句话甚至一张随手涂鸦就能在几秒内生成完整的小 Web 应用。它内置的**社区画廊Gallery**汇聚了所有用户用 AI 生成的作品支持点赞、Remix二创与版本管理并提供Popular、Trending、New 三种榜单模式。本文将带你从零开始实战体验并讲透三种榜单的玩法。 快速上手本地运行 groq-appgen 的完整步骤上手门槛很低只需要一个 Groq API Key克隆仓库并安装依赖git clone https://gitcode.com/gh_mirrors/gr/groq-appgen cd groq-appgen npm install配置环境变量GROQ_API_KEY在 Groq 平台免费申请。执行npm run dev浏览器打开http://localhost:3000即可开始创作。技术栈为 Next.js 14App Router TypeScript Groq SDK详见 README.md。 三种输入方式文字、语音、涂鸦首页src/app/page.tsx提供三个低门槛的入口对应 src/app/components/prompt-view.tsx 中的交互实现✍️自然语言描述在输入框写下做一个带动画的待办清单点击 Create语音描述点击麦克风按钮边说边生成由 src/app/api/transcribe/route.ts 提供转写手绘草图点击铅笔图标在画布上涂鸦AI 照着草图实现应用。如果一时没灵感首页还内置了计算器、Todo List、天气应用、贪吃蛇、太空侵略者等一键模板全部预置在 src/data/app-examples.ts 中点击即生成。 核心玩法社区画廊的三种榜单模式进入画廊页面src/app/gallery/page.tsx顶部有三个 Tab 切换榜单。排序逻辑集中在 src/app/api/apps/route.ts规则非常清晰榜单排序规则适合场景 Trending趋势只看最近 24 小时的作品按点赞数排序追踪当下 AI 应用创作热点 Popular人气全量作品按累计点赞数排序发现被社区验证过的精品 New最新按创建时间倒序第一时间看最新创意每张作品卡片见 src/app/components/gallery-listing.tsx都会展示应用自动生成的截图封面、标题、描述、 点赞数和多久前创建的时间标签。数据读写统一由 src/server/storage.ts 管理接口带 30 秒缓存保证榜单刷新又快又稳。点赞机制你的投票决定谁上榜点击作品的 按钮会调用 src/app/api/apps/[sessionId]/[version]/upvote/route.ts后端记录你的 IP 与时间戳同一 IP 不能重复点赞榜单更公平返回给你的只有点赞总数接口不会暴露投票者隐私想让作品冲上 Trending就在 24 小时黄金窗口内邀请朋友点赞吧。 让别人的作品长出你的应用Remix 与版本管理groq-appgen 最有趣的社交属性是Remix二创点击作品页的分支图标src/components/RemixButton.tsx会带着该作品的sessionId/version跳回首页AI 直接在它的基础上修改——相当于给 AI 作品做分叉每次迭代都会生成新版本作品页src/app/apps/[sessionId]/[version]/page.tsx顶部可用版本切换器来回对比不满意的版本还能删除src/app/api/apps/[sessionId]/[version]/remove/route.ts满意了就点分享把链接发给朋友或继续打磨冲榜。 值得关注的模块路径模块路径说明画廊页面src/app/gallery/page.tsx三种榜单 Tab 的入口榜单接口src/app/api/apps/route.tsTrending/Popular/New 排序实现点赞接口src/app/api/apps/[sessionId]/[version]/upvote/route.ts防重复投票逻辑作品页面src/app/apps/[sessionId]/[version]/page.tsx运行、版本切换、Remix灵感模板src/data/app-examples.ts内置示例 Prompt 清单安全审查src/app/api/report/route.ts作品举报入口 小结groq-appgen 把AI 写代码变成了一场轻社交创作用自然语言、语音或涂鸦召唤 AI在三种榜单里逛社区作品再用 Remix 一键二创。无论你是想学习 Llama 3.3 70B 的应用生成能力还是只想找个能说啥做啥的 AI 应用生成器练手都值得跑起来玩一圈 【免费下载链接】groq-appgenProject showcasing Llama 3.3 70B HTML codegen abilities项目地址: https://gitcode.com/gh_mirrors/gr/groq-appgen创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考