Wiki 知识库

全部文档 / 标签: vibecoding

114 篇
清除

我让 WorkBuddy 删掉55个文件,它竟然…

作者分享了WorkBuddy这款work类agent在安全机制上的实测体验。作者从早年AI改代码踩坑的经历出发,指出不写代码的白领用户同样需要'撤销键'。实测中,WorkBuddy在批量删除55个文件时主动确认、先备份再移入废纸篓,备份经sha256校验逐字节一致;其操作日志为哈希链可防篡改,技能安装有风险检查。此外,WorkBuddy开放十几个模型可选、连接飞书钉钉等第三方办公产品,并内置独立开发者的开源skill。作者认为安全能力本质是给用户加了胆子,让非技术用户也能放心尝试和迭代。

技术 › Agent 花叔 2026-09-1810.0 KB 4K 5 68

Vibe Coding 网页动效词典(下篇):组件反馈、布局过渡与页面转场

本文是 Vibe Coding 网页动效词典的下篇,从第 37 个词继续,涵盖组件反馈、布局过渡与页面转场三大板块。内容包括折叠展开、锚定浮层、弹窗过渡、抽屉、标签页切换、轮播等组件动效;数字计数、骨架屏、加载指示、成功错误反馈等结果反馈动效;布局过渡、共享元素转场和页面转场等空间变化动效。每个词条均配有常见类型、适用场景和可直接使用的 AI 提示词示例,最后介绍第四层 UX 规则(反馈、操作暗示等),帮助零基础开发者用提示词驱动 AI 实现专业网页动效。

技术 › 前端 Adrian Punk 2026-09-1725.7 KB 85.1K 193 89

用Codex+Tripo做3D Vibe Coding:两天零代码造出能开车的巴黎

GPT-6 Astra发布后,许多人尝试让Codex通过computer use操控Blender做3D模型。作者实测后发现,无论是直接写代码还是操控Blender,成本和效率都不理想。他摸索出一套新策略:用Codex结合3D基座模型Tripo,两天零代码做出一个可驾驶浏览的巴黎城。核心思路是近景用AI生成的精细3D资产(车、树、铁塔、行人),远景交给代码绘制(街区、桥、塞纳河),以平衡细节与帧率。作者还将整套操作流程整理成386页手册教程并开源,包含提示词、脚本和模型。

技术 › Codex 花叔 (@AlchainHust) 2026-09-161.6 KB 73

Vibe Coding 网页动效词典(中篇):视差滚动、磁吸按钮与鼠标跟随

本文是网页动效词典系列的中篇,从第 17 到第 36 个动效词条,系统讲解了三大类网页动效:进阶文字动效(按字符显现、打字机、乱码解码、文字变形)、滚动与空间动效(视差滚动、多层视差、横向滚动、滚动缩放、固定式滚动叙事、图片序列、滚动吸附、进度提示)以及鼠标与指针动效(磁吸按钮、倾斜卡片、光标跟随、聚光灯、跟随眼睛、光标拖尾)。每个词条都说明了效果原理、常见类型、适用场景,并附上可直接使用的 AI 提示词,帮助开发者用 vibe coding 方式实现精致的网页交互效果。

技术 › 前端 Adrian Punk 2026-09-1521.9 KB 141.4K 240 81

Vibe Coding 网页动效词典(上篇):教你准确描述页面怎么动

本文是一篇 Vibe Coding 网页动效教程(上篇),旨在帮助读者用准确的术语向 AI 描述网页动效。文章先介绍 UI、UX 和 Vibe coding 的概念,提出网页动效的四层结构:技术工具(CSS、Motion、GSAP、Three.js 等)、触发方式、动效类型和 UX 规则。上篇重点讲解触发方式(悬停、焦点、点击、指针、视口、滚动、手势、页面加载、状态变化、定时)及动效类型的基础部分(Easing、Duration 等),每个词条配有可直接使用的提示词示例,帮助读者清晰表达脑中的动效效果。

技术 › 前端 Adrian Punk 2026-09-1530.5 KB 132.5K 567 84

AI小白独立开发,2个月收入从0到1w+,我做对了什么?

作者从一个不会编程的AI小白出发,两个月内独立开发出一款面向独立教师的排课管理工具,用户超1300人,月营收突破1万元。文章完整复盘了从发现问题、做出最小可行产品、收集用户反馈、持续迭代到商业化的全过程,并总结了多条实践经验:从自身真实痛点出发寻找需求、第一版要克制不要贪多、尽早把Demo交给真实用户验证、与用户共创但学会筛选需求、给AI建立清晰的项目上下文和规范、把模糊需求具体化。作者认为AI降低了写代码的门槛,但需求判断、产品设计和思考能力反而变得更值钱。

技术 › 工具与效率 Token神 2026-09-1416.5 KB 53K 245 83

实战篇|Grok Bot 入门:一步步搭建教练式工作台

本文介绍如何用 Grok Bot 搭建一个教练式创作工作台,通过三个 Bot 分工协作:情报总监负责选题与来源核查,创作搭档负责解释术语和拆解最小实验,内容主编负责根据真实材料写稿。文章详细说明了每个 Bot 的配置、测试方法、文件接力机制和群聊协作流程,强调先单独跑通再串联,确保信息真实、过程可追溯,帮助边做边学的普通创作者把想法落地。

技术 › Agent Hardy Chen 2026-09-1318.4 KB 40.3K 101 92

我花了半个月,给前女友Vibe Coding了一个「微信AI助手」

作者用Codex花半个月时间Vibe Coding了一个微信AI助手,解决前女友被100多个工作群消息淹没的问题。助手定时读取电脑端微信新增消息,通过规则与本地大模型筛选,将消息按'待你处理'、'你需知道'、'群聊摘要'三类整理成摘要并推送到手机。文章分享了开发过程中的踩坑经验:从关键词过滤翻车到改为'人+事情+状态'的摘要逻辑,以及未接通话、群聊@等细节的处理难点。目前Windows版已跑通完整流程,计划首批试用后整理部署教程并开源。

技术 › Agent 里奥Leo 2026-09-128.5 KB 31.4K 43 70

耗时6年,我终于拿到B站100万粉丝奖牌!程序员鱼皮问答实录

程序员鱼皮在收到B站100万粉丝奖牌后,整理了征集到的40多个热门问题的完整文字版回答。内容涵盖9个部分:自己的编程启蒙经历、日常使用的AI编程工具(Cursor、Codex、Claude Code等)、Vibe Coding时代如何提升编程能力、给学生和求职者的建议、如何坚持编程之路、创业历程与公司经营情况等。文章传递了拥抱AI编程趋势、多动手实践、持续学习适应变化的核心理念。

技术 › 工具与效率 程序员鱼皮 2026-09-1224.3 KB 12K 21 63

我用 Vibe Coding 搓了个音乐跨平台同步工具,能帮你每年省一笔音乐平台会员费

作者因网易云音乐版权缺失,用 Vibe Coding 开发了 MusicBridge 工具,实现从 QQ 音乐获取元数据、YouTube 下载音频、上传至网易云音乐网盘并自动创建歌单。文章记录了从 MVP 到功能优化(精准找歌、歌词同步、专辑下载)的过程,并改造为面向 Agent 的 Skill,通过 OpenClaw 用自然语言指令完成音乐同步,展示了 AI 辅助开发的效率。

技术 › 工具与效率 龙海 2026-09-1122.1 KB 347.7K 429 83

为什么越来越多人愿意自己搓一个工具

文章以微博VibeLab AI创意赛(2500多件作品)为切入点,分析了Vibe Coding兴起的五大原因:一是AI Agent大幅降低了编程门槛,写代码从专业技能变成语言表达能力;二是传统软件无法满足个性化长尾需求,现在普通人可以自己动手实现;三是开发链条缩短,从想法到交付只需几步,甚至无需界面产品,一个脚本或Agent Skill即可;四是模型能力持续升级,从Copilot补全到Claude Code自主探索再到操作电脑;五是做工具心态变化,从宏大目标转向解决具体痛点。最后作者给出实用建议:从写Agent Skill起步,分步骤做原型、MVP再迭代,注意验收与安全,并把作品发布出来获得反馈。

技术 › Agent 宝玉 (@dotey) 2026-09-108.6 KB 84

用 AI 搞点小钱跟呼吸一样简单

作者分享利用AI快速变现的经历:将小米蓝牙遥控器改造成语音输入工具,搭配自研按键映射软件,在社交平台以59元出售,两周赚取上千元。文章强调信息差、动手能力和服务口碑的重要性,并总结发现信息差、立刻动手、持续迭代、服务拉满的四步方法论。

技术 › 工具与效率 起司 2026-09-106.2 KB 1.1M 1.5K 67

一文带你看懂GPT-6 Astra推理等级怎么选才最省Token

文章介绍了GPT-6 Astra的推理强度等级(Reasoning Effort)机制,澄清了常见误区:推理等级不是不同级别的模型,而是同一个模型被分配的思考预算。Ultra档位也非更聪明,而是会启动多智能体协作,类似成立专项工作组,因此消耗更大。作者建议推理等级应与任务难度匹配:Plus用户日常用"中",稍难任务用"高";Pro用户可"高"常驻,复杂任务先用"最高"+计划模式做规划,再用"高"执行,这是最省Token的方式。"极高"档位定位尴尬,Ultra则适合额度重置前清空余额时使用。

技术 › OpenAI 数字生命卡兹克 2026-09-0910.7 KB 116.2K 498 75

从卖猫粮到 GitHub Trending 全球第三:一个非科班开发者的开源 Agent 之路

作者商科出身,曾做投资和猫粮创业,2026年1月才开始借助AI写代码。因业务需求接触爬虫工具OpenCLI并参与开源,后开发团队AI工作台PawWork,并参与Apache孵化项目Maka。Maka在Terminal-Bench 2.1测试中通过率77.5%,排名第二。作者认为LLM+Harness=Agent,强调Harness需要benchmark,并分享了对Vibe Coding、开源协作和知识原理的思考,最后给想参与开源的朋友提出建议。

技术 › Agent AstroHan 2026-09-0811.2 KB 5.9K 52 71

AI 时代,别在伪需求上 vibe coding

作者从「AI 时代要建立个人信源」这一正确却难落地的命题出发,分析了 RSS、关注 list、design skills 等方案为何都难成功:它们的正确解法都要求用户先升级身份成为「编辑」或「设计师」,而用户实际只愿付出一次点击、一次收藏的代价。文章提出伪需求的真正定义:痛点是真的,但用户愿付的行动预算是假的。结论是 AI 降低了开发成本却不改变需求真伪,正确做法是找到用户一次性、无需身份升级就能完成的动作,把它做到极致。

技术 › LLM SagaSu 2026-09-0712.1 KB 1.6K 1 81

Vibe Coding安全保姆级教程|不懂安全也能完成验收

文章面向不懂安全的小白开发者,讲解用 AI 做 Vibe Coding 后上线前必须做的安全验收。核心是守住机密性、完整性和可用性:防止用户资料越权访问、余额并发透支、支付重复入账等漏洞。作者给出上线前七项最低验收基线,强调先写下产品安全不变量规则,再让能读取代码并运行测试的编程 Agent 按流程执行检查,并提供三组按顺序使用的 Prompt:确认规则、带证据检查、修复后复测验证。还提醒外包和低代码项目只认可附证据的复查结果,工具只是手段,实际测试和证据才是安全保证。

技术 › 网络安全 苏乐 2026-09-0723.0 KB 30.5K 57 91

Vibe Coding 零基础入门:六步工作流拆解

作者以截图美化工具 RicoScreenshot 为案例,完整拆解了 Vibe Coding 的六步工作流:读懂项目、建立视觉规范、规划功能、开发实现、视觉交互调整、测试上线。文章强调每个环节做正确的事:先用 AGENTS.md 让 AI 理解项目架构,用 DESIGN.md 统一视觉规则,用 TODO.md 管理需求和进度;开发阶段一次只做一个功能,并重视亲自使用后的体验判断。该流程基于开源项目 image-beautifier 二次开发,纯前端实现,适合作为新手的第一次完整项目练习。

技术 › 工具与效率 RicoUI 2026-09-0419.4 KB 18.8K 68 90

Ai Vibe Coding:小白也能看懂的产品稳定性教程

文章以面包店从街角小店成长到全国连锁的故事为比喻,系统讲解网站如何应对用户增长与稳定性挑战。从单体架构(一台烤箱)讲到垂直扩展、数据库索引、N+1 查询优化、缓存与缓存失效、水平扩展、负载均衡与自动扩缩容,再延伸到 Docker 容器化、CI/CD、可观测性、读写分离、微服务拆分、CDN 内容分发,以及限流、队列与异步处理等高并发应对手段。用通俗类比帮助零基础读者理解前后端、数据库、缓存等核心概念,掌握系统扩容与稳定性的基本方法论。

技术 › 后端 苏乐 2026-09-0333.6 KB 55.2K 67 79

AI 编程实战教程(2):从需求到被搜到,必不可少的 2 个开源 SEO 和 GEO 工具

文章讲述 Vibecoding 产品上线后常被忽视的 SEO 与 GEO(AI 引用优化)问题。作者分享自己转化页因抓取配置错误对搜索引擎和 AI 抓取程序隐身三个月的踩坑经历,并推荐两个开源工具:geo-seo-claude 提供 16 个 skill,从可抓取性、可读性、可引用性、内容质量四层漏斗做全面检查与前后对比;agency-agents 的 4 个 agent 从策略角度复核结论。文章附安装使用步骤及真实 Search Console 数据:改造后曝光从两周 1 次点击提升到 63 曝光、9 次点击,强调持续对比比单次检查更重要。

技术 › 工具与效率 Jarvis 2026-09-0311.2 KB 18.3K 115 86

UU远程史诗级升级,这就是如今远程Vibe Coding的第一神器

作者分享UU远程新版本对远程Vibe Coding体验的史诗级强化。作者此前曾向UU团队反馈终端功能不符合Agent时代用户习惯,如今新版补齐了完整TUI交互渲染与多终端会话管理:进入Mac免输密码、终端移动端输入大幅优化(含独立输入框支持语音输入)、完美支持Claude Code、Grok Build等Coding Agent的TUI界面、支持多会话并行与手机电脑跨端接管同步。作者演示了在手机上远程使用Grok Build进行编码的完整流程,认为UU远程免费、低延迟、丝滑,已成为Agent时代远程控制Agent终端的新基建。

技术 › 工具与效率 数字生命卡兹克 2026-09-0214.3 KB 115.4K 429 79

vibe coding 仙侠鼻祖游戏 经验分享

作者李韭二分享了自己作为游戏小白,利用AI技术(vibe coding)制作仙侠鼻祖游戏《武林外传》的经验。文章详细介绍了制作游戏需要同时处理多个API的挑战,并推荐了优刻得星图AstraFlow一站式AI大模型服务平台,该平台通过一个API解决所有AI调用需求,具备预算管理、IP白名单等安全功能,且由上市公司提供稳定保障。作者还总结了选择API平台的三个关键问题:能否一个搞定、费用是否可控、平台是否可靠。

技术 › 工具与效率 李韭二 2026-09-013.9 KB 30.5K 56 48

为什么没人给我的想法买单?

作者复盘自己做的一个 Vibe Coding 辅助产品失败的经历。该产品旨在帮新手在设计产品(业务系统、页面结构、视觉风格)后再让 AI 写代码。做到一半他发现失败根源不在技术,而是他把'我看到的现象'当成了'用户需求':他厌恶混乱的 vibe coding 结果,但用户追求的恰恰是低成本快速试错,'能跑就行'。他用开发者视角和专业标准去定义需求,却没有做调研,最终得出结论:不是发现了需求,而是自行补完了后半句,于是停掉了产品。

技术 › LLM 舟言 2026-09-015.3 KB 70

Vibe coding时代,软件护城河到底是什么?【上】

作者通过其自主研发的铁路钢轨伤损自动识别系统,阐述AI时代软件的护城河在于对所构建系统的深刻理解,而不仅是功能复制。其系统采用116维支持向量机,每个维度都有真实物理含义,第三方盲测准确率高达99.985%,远超中车、铁科院及Sperry Rail等竞争对手。文章以x−y方差这一维度为例,详细解释了超声波探伤中波长、角度与单位换算背后的物理原理,说明即使拿到源码,对手也无法理解参数背后的含义。作者指出,正是数十年深入现场的独家研究构成了无法被AI抄袭的核心壁垒。

技术 › 杂谈 快乐永远 (@syeerzy) 2026-08-305.9 KB 74

小米蓝牙遥控器 2 Pro(RC003)变身 Mac 无线语音遥控器:Vibe Coding 语音操控神器教程

文章介绍了如何用六十多元的小米蓝牙遥控器 2 Pro(RC003)搭配开源 macOS 应用「无线麦 SayAll」,将其变成 Mac 的无线语音麦克风和遥控器。遥控器通过蓝牙采集语音,经 MiRemoteV 2ch 回环音频设备传给豆包输入法、Typeless、Cursor 等语音工具,实现按住语音键说话、松手文字即入输入框。文章详细讲解了安装、蓝牙配对、权限授权、六步启动向导、按键映射及进阶玩法(Fn 点按模拟、MCP 记录回眸、统计页等),并给出适合 Vibe Coding 的键位方案、实战场景和常见问题排查,是低成本实现 Mac 语音输入的图文教程。

技术 › 工具与效率 M. 2026-08-2916.5 KB 42.8K 89 90

7个月,从TikTok离职到跑通AI闭环

作者xuziye分享从TikTok离职后7个月投身AI业务的历程。通过讲述Zara和Jason两位同行者的故事,阐述了不对抗的智慧、主动实践和建立主体性的重要性。作者同时兼顾多份工作,用vibecoding完成从开发到运营的全链路,首次跑通产品商业闭环,明确了产品的目标用户和痛点价值。文末推荐了AI写作工具Ancher.ai,并展望未来一年将持续输出AI、商业增长等内容。

职场 › 职业发展 xuziye 2026-08-275.4 KB 4.7K 22 44

AI 编程将阻碍专业能力的形成

文章探讨 AI 编程工具对专业能力形成的负面影响。作者提出“专家级新手”悖论:有效使用 AI 编程工具需要深厚专业经验,而这些工具又绕过了培养专业能力所需的摩擦。多项研究(JetBrains、宾夕法尼亚大学、Anthropic)表明,依赖 AI 辅助的新手开发者容易产生“能力幻觉”,跳过关键规划步骤,学习效果反而更差。作者建议将 LLM 用作苏格拉底式导师而非答案生成器,区分“认知债务”与“认知卸载”,并提供了 AI 辅助使用检查清单,强调摩擦是形成专业直觉的必要过程。

技术 › LLM Levix 2026-08-2620.4 KB 2.5K 3 82

给我10分钟,教你掌握80%的Claude Code

作者是一位营销人员,分享了他使用Claude Code 173天的经验。文章强调编程已不再是开发者的专利,Claude Code可以读写文件、调用API、浏览网页、并行运行任务。他介绍了入门步骤:安装配置CLAUDE.md、使用/config设置、用/plan在构建前规划、auto模式自动处理权限,以及通过/plugin安装实用插件如Superpowers、gstack浏览器代理、HyperFrames视频渲染和Claude HUD监控等,帮助非技术人员高效运营内容业务。

技术 › Claude Code Charlie Hills 2026-08-2323.7 KB 323.8K 111 71

深度拆解一位00后半年涨粉2万的可复制内容变现路径

本文分析了@I_am_oil_oil这位00后创作者如何在半年内于小红书涨粉2万并实现内容变现。他的成功要素包括:主副业并行期间坚持全平台日更、持续输出原创Vibe Coding产品展示、开发自动化Skill实现多平台分发、搭建个人网站承载作品与履历、透明化的咨询案例展示。文章总结了其三大核心能力:时间管理与自动化、快速学习与知识转化、流畅的口播表达,并给出普通人的实践建议。

职场 › 职业发展 孙 孙可可 2026-08-217.5 KB 58

个人网页设计建议:留白、突出重点与个人风格

作者针对小伙伴们个人网页普遍内容过满、缺乏重点的问题,结合自身 UI 设计经验提出九条建议:一是留出空白,让首屏清晰传达“你是谁、做什么”;二是把成熟项目和成果前置;三是配色先确定风格,强调色克制使用;四是重视字体对气质的影响,区分字号字重;五是让 AI 少用千篇一律的卡片布局;六是融入个人小巧思;七是广泛浏览设计参考积累审美;八是动效克制并注意移动端适配;九是可加轻量音效彩蛋。核心观点是个人网页应体现个人风格,删繁就简。

技术 › 前端 yuu (@yuudecideall) 2026-08-217.1 KB 75

做前端 Vibe Coding,先看懂这 12 个网页基础术语

本文面向非计算机专业的 Vibe Coding 爱好者,整理了 12 个前端网页基础术语,包括 Frontend、HTML、CSS、Markdown、Component、State、DOM、Title Tag、Page Metadata、Favicon、Open Graph 和 Web App Manifest。每个术语都配有通俗解释、图示和可直接复制给 AI 的指令示例,帮助读者在与 AI 协作时更精准地描述需求、定位问题,提升开发效率。

技术 › 前端 南鸢 nuyoah 2026-08-2116.7 KB 4.4K 5 75