博文

Google AI Studio 氛围编程指南:高效提示词技巧与实战经验

图片
原文: Vibe-coding in Google AI Studio — Google AI  |  发布日期:2026-03-19 Vibe Coding Google AI Studio Gemini AI 开发 提示词工程 文章摘要 这篇文章介绍了如何利用 Google AI Studio 的 Build 功能进行"氛围编程"(Vibe Coding)——无需编写任何代码即可快速构建和发布 Web 应用。作者分享了一年来的实战经验,涵盖原生 Gemini 集成、隐私优势、数据库支持、提示词优化技巧、版本管理策略、发布方式,以及 AI Studio 与 Antigravity 的适用场景对比。 你可能已经知道 Google AI Studio 是一个用来体验 DeepMind 模型、调整各种参数的沙盒环境。但你知道吗?你还可以在上面 免费 进行 Vibe Coding(氛围编程),快速构建 Web 应用,并在几步操作内发布上线! AI Studio 的 Build 功能是"氛围编程"的革新者——让你无需编写任何代码,就能生成功能完备的应用程序。借助 Gemini 模型的强大能力,你可以从简单的想法出发,在几分钟内迭代出完整的可部署原型。 基于我过去一年在该平台上的实践,本指南将全面覆盖 AI Studio 的核心能力、与其他工具的对比,以及如何高效地编写提示词来构建你的应用。 文章目录 0. 为什么选择 AI Studio? 1. 应用画廊与 Remix 2. 开始你的 Vibe Coding 之旅 3. 创建带数据库的应用 4. Vibe Coding 进阶技巧 5. 发布你的应用 6. AI Studio vs Antigravity:该用哪个? 7. 精选作品展示 0. 为什么选择 AI Studio?(原生 Gemini 与隐私保护) 在深入"怎么做"之前,先回答最常见的问题: 市面上那么多 AI 应用构建工具,为什么选 AI Studio? 第一个原因是 AI Studio 对 Gemini 模型的原生集成 。它可以创建基于 Gemini 模型的应用,只要你在 AI St...

[信息卡完整提示词] 现代杂志排版的设计提示词规范

现代杂志排版的信息卡设计提示词规范 来源:meng shao (@shao__meng) · 将复杂信息转化为具有现代杂志质感的 HTML 信息卡——一套完整的设计提示词规范 在 X 和其他平台的内容分享中,越来越多的作者会附加一张信息卡(Infographic Card),帮助读者快速抓住核心信息。但如何让信息卡既好看又专业?这篇分享了一套 可直接复制使用的提示词规范 ,涵盖字体系统、空间逻辑、视觉装饰、布局策略等关键维度。作为开源 Skill,支持 16:9、4:3、1:1、3:4、9:16 等常见信息卡比例,以及 2.35:1、3:1 等封面比例的适配设计。输入需要生成的内容和比例要求(默认 4:3),AI Agent 即可使用该 Skill 生成 HTML 并截图输出 PNG。 角色定位 专业社论视觉设计师,擅长将复杂信息转化为具有现代杂志质感的 HTML 信息卡。 一、核心设计原则 字号提升 正文 18-20px,确保清晰可读 紧凑排版 优化留白,增强视觉张力 强化密度 用粗线条、大字号填补空余空间 二、字体系统 引入 Google Fonts 字体库(Noto Serif SC 用于标题,Inter + Noto Sans SC 用于正文),建立层次分明的字号规范: 层级 字号 属性 用途 超大标题 72-84px weight: 900, letter-spacing: -0.04em 核心视觉钩子 大标题 56px ...

推荐 Top10:面向通用办公场景的 Agent Skills

推荐 Top10:面向通用办公场景的 Agent Skills 来自 Anthropic 和 OpenAI 的 10 个精选认证 Agent Skills,覆盖 Office 办公三件套、PDF、会议转录、内部沟通、协作写作、截图留痕和美化演示等核心办公场景。 AI Agent 越来越深入日常工作流程。但面对琳琅满目的 Agent Skills, 什么时候该用什么? 这篇帮你快速梳理 10 个最实用的办公 Agent Skills,按场景分类,一目了然。 📋 四大场景分类 基础四件套 :pptx、pdf、docx、xlsx 会议与知识沉淀 :transcribe、notion-knowledge-capture 组织沟通与写作 :internal-comms、doc-coauthoring 辅助交付与美化 :screenshot、theme-factory 一、基础四件套 1. pptx — 演示文稿的 AI 助手 做汇报、改汇报、读 PPT、按模板生成 deck。无论是从零创建还是基于现有 PPT 修改排版,pptx Skill 都能高效完成。 来源: Anthropic Skills (GitHub) 2. pdf — PDF 全能工具箱 提取内容、合并文件、OCR 识别、填写表单、拆分页面——PDF 相关的几乎所有操作,这一个 Skill 全搞定。 来源: Anthropic Skills (GitHub) 3. docx — 文档写作专家 正式报告、方案文档、备忘录、函件、模板文档——任何需要 Word 格式的专业文档,交给 docx 准没错。 来源: Anthropic Skills (GitHub) ...

2026年前端开发者必装的10个AI Agent Skills:从设计到部署全链路提效

图片
引言:为什么你需要关注 Agent Skills? 随着 Claude Code、Codex 等 AI 编程助手的普及, Agent Skills 正在成为提升开发效率的秘密武器。不同于传统的代码补全,Skills 让 AI 具备了特定领域的专业能力——从设计稿还原到自动化测试,从品牌一致性检查到一键部署。 今天推荐的这 10 个 Skills,是我根据 实际落地频率 、 对视觉/交互质量的直接提升 、以及在主流 AI 工具中的 高复用性 筛选出来的。 🎨 设计实现类 1. frontend-skill (OpenAI) 适合场景 :Landing Page、品牌页、Demo 页 这是 OpenAI 官方出品的前端设计 Skill,最大的特点是 视觉论点清晰、内容节奏把控好 。如果你需要快速搭建一个高转化率的首页,它能帮你把首屏质量拉满。 🔗 https://github.com/openai/skills/tree/main/skills/.curated/frontend-skill 2. frontend-design (Anthropic) 适合场景 :高完成度、强辨识度的页面 Anthropic 的设计 Skill 更偏向 风格化实现 。当你不想做"千篇一律"的页面,希望作品有独特的视觉语言时,这个 Skill 会是你的好帮手。 🔗 https://github.com/anthropics/skills/tree/main/skills/frontend-design 3. figma-implement-design (OpenAI) 适合场景 :设计稿到代码的精准还原 产品、设计、前端协作的 核心 Skill 。它能理解 Figma 的设计意图,生成符合设计稿的代码。对于需要严格还原设计师意图的项目,这应该是你的常用项。 🔗 https://github.com/openai/skills/tree/main/skills/.curated/figma-implement-design 🔍 质量审查类 4. web-design-guidelines (Vercel) 适合场景 :UI 审查、可访问性检查 Vercel 出品的 UI...

MiniMax AI 免费领取 30 美元额度教程

图片
MiniMax AI 免费领取 30 美元额度教程(两周有效,2026年3月限时福利) 大家好!最近在技术社区(比如 linux.do)刷到 MiniMax 的一个限时羊毛活动:**免费领 30 刀(美元)API 额度**,有效期只有两周(大致到 2026年4月3日左右),名额看起来不算特别多,先到先得! MiniMax 的模型(尤其是 M2.5 系列)在 2026 年性价比非常突出,输出 token 价格远低于 Claude / GPT 等主流选手。这个 30 刀额度基本等于白嫖一次大额测试/小规模使用机会,正常价格下能撑很久。 整个操作超级简单,只需两步:拿到组织/团队 ID → 填飞书问卷。2–5 分钟就能完成。 步骤一:获取你的 MiniMax 组织 ID / Group ID 打开浏览器(建议用无痕模式),在 Google 搜索下面关键词: minimax免费领取30刀额度 (或 minimax 30刀 免费额度、minimax api free credit 30 等变体) 通常第一页就会出现 linux.do 或其他技术论坛的福利帖。 点开帖子,找到第一张图(一般是二维码或指引图), 点图一 里的链接或用微信扫码。 跳转后登录你的 MiniMax 账号(没账号就注册一个,很快)。 成功后页面会显示你的 组织 ID / Group ID / Team ID (一串字母数字组合)。 复制这个 ID ,保存好,第二步要用! 小提示:如果搜不到或图太糊,尝试在 linux.do 搜索 “minimax 30刀” 或直接看最新福利羊毛区帖子,很多都有截图指引。 步骤二:填写问卷领取额度 直接点击这个飞书问卷地址(活动专用表单): https://vrfi1sk8a0.feishu.cn/share/base/form/shrcndGDz9YAOoe3xkQyrx75bdc 进入后: 把刚才复制的 组织ID/Group ID 粘贴进去。 按要求回答几个简单问题(使用场景、为什么想用 MiniMax、职业/用途等,写得真实一点就好)。 提交! 大部分人反馈是 秒到账 或几分钟内到账。 到账后怎么查看和使用? 登录 MiniM...

here.now:AI Agent 一键发布网页

here.now:AI Agent 一键发布网页的终极懒人神器 2026 年,告诉你的 Agent 一句「publish to www.here.now」,瞬间获得全球加速的永久链接——零账号、零配置、秒上线! 核心亮点 · 一眼看懂 🚀 零门槛发布 :无需注册,Agent 直接 HTTP POST 就上线 🌍 Cloudflare 全球边缘加速 :低延迟,世界范围内飞快打开 🔒 匿名 24h + Claim 永久 :先玩后领,claim code 一键转正 📦 全静态支持 :HTML/JS/CSS、PDF、图片、视频、dashboard、原型、小游戏……随便发 💸 完全免费起步 :基础够用,未来高级功能可选付费 使用方式 · 2 步搞定 在 Claude / Cursor / OpenClaw 等 Agent 里说: Please publish this to www.here.now Agent 返回 URL(如 random-slug.here.now ),直接分享! 想永久保留?复制 claim code → 官网注册 → 领站! 适用场景 · 脑洞大开 ✨ Agent 生成的 portfolio / demo 一键分享 📊 数据 dashboard、原型、mockup 快速团队 review 📄 长文教程、pitch deck、实验报告发链接 🎮 小游戏、诗歌集、love letter、mood board…… 注意事项 & 小贴士 🚫 只支持 静态内容 (无数据库、无 server-side) ⚠️ 禁止违法、spam、钓鱼、恶意内容(会被 ban) 🔑 claimToken 只有一次 ,丢失 = 24h 后过期,记得保存! 📚 新手 / Agent 必读: 官方文档 立即体验 → https://here.now/ 告诉你的 Agent,现在就发点什么上线吧~ 你用 A...

CanIRun.ai:一秒检测你的电脑能不能跑本地大模型(2026最新神器推荐)

CanIRun.ai:一秒检测你的电脑能不能跑本地大模型(2026最新神器) 大家好!2026年本地跑大模型(Local LLM)已经彻底火起来了。从 Llama 3.3、Qwen 3.5、Gemma 3、DeepSeek V3.2 到各种 MoE 巨兽,大家都想在自己电脑上离线写代码、做 RAG、私人知识库、跑工具调用…… 但最头疼的问题永远是那句: 「我这台机器到底能不能跑这个模型?跑得动多快?」 以前要么自己硬下模型试,要么对着 llama.cpp 的表格算半天。现在终于有了一个超级方便的网页工具—— CanIRun.ai ,打开浏览器就能直接测! CanIRun.ai 到底是什么? 一句话总结: 纯浏览器检测硬件 → 告诉你当前所有主流开源大模型能不能在你机器上跑 + 跑得好不好 。 核心亮点: 无需安装任何软件,打开网页自动检测(基于 WebGPU + 浏览器 API) 数据完全在本地计算,不上传服务器,隐私很友好 覆盖当下几乎所有热门模型家族 给出直观的 S/A/B/C/D/F 六级评分 + 内存占用百分比 目前支持的主要模型家族(2026年3月最新) 模型家族 代表模型 & 规模 最大参数 Llama Llama 3.1/3.2/3.3、Llama 4 Scout 405B Qwen Qwen 3 / 3.5、Qwen 2.5 Coder 397B (MoE) Gemma Gemma 3 27B Mistral / Mixtral Mistral Small 3.1、Mixtral 8x22B 141B (MoE) Phi Phi-4 14B DeepSeek DeepSeek R1 / V3.2、R1 Distill 685B (MoE) 其他巨兽 GPT-OSS、Devstral 2、Kimi K2 1T (MoE) 从 1B 边缘模型到 1T 参数的怪物都有,基本把 Ollama / LM Studio 热门榜单全覆盖了。 实际使用体验(我试过的几台机器) MacBook M2 16GB 统一内存 → 8B~14B 大多 B~C 级,27B+ 基本 D/F RTX ...

Getting the most out of Nano Banana 2

  This article dives into the brand new capabilities of Nano Banana 2 (aka "Gemini 3.1 Flash Image"), when you should (and shouldn't) use it, and how to prompt its newest features effectively. Here's what you'll find in this article: 1. The Model Matrix: Nano Banana 1 vs. 2 vs. Pro 2. The Game Changer: Visual Grounding with Google Search 3. New Parameters: Extreme Ratios & 512px Resolutions 4. Controlling "Thinking" Mode 5. Prompt Examples 6. What about apps? By @Giom_V 1. The Model Matrix: Nano- Banana 1 vs. 2 vs. Pro With three distinct models now in the Nano Banana lineup, choosing the right engine for your specific workflow is crucial. Here is how the new Nano-Banana 2 fits into the ecosystem. Nano Banana 1 vs. Nano Banana 2 Don't count Nano Banana 1 out just yet. If you have an existing application or workflow that uses Nano Banana 1 and it is handling your use cases perfectly, stick with it! There is no forced migration (yet...). Nano Bana...