- 博客(58)
- 收藏
- 关注
RSS订阅原创 vibe coding | 如何做一个AI漫剧提示词优化小程序？
轻量化AI应用落地，我深知AI漫剧创作者的核心痛点：大多数人只会堆砌关键词，不懂结构化叙事、镜头语言与角色统一规范。最终生成的漫剧普遍存在等问题，反复重绘浪费大量时间，量产效率极低。AI漫剧和普通AI绘画最大的区别，是。单张插画可以靠随机关键词出效果，但漫剧需要数十帧画面保持人设、画风、光影、镜头语言高度一致。市面上绝大多数提示词工具，仅支持简单扩写、同义词替换，完全不懂漫剧专属的分镜逻辑、角色约束、运镜规范，无法解决核心的成片崩坏问题。工业级漫剧提示词优化的核心，不是简单文字润色，而是。
2026-08-11 08:30:00
469
原创 vibe coding | 如何做一个大模型热度排名小程序？
当下大模型迭代速度极快，GPT、Claude、DeepSeek、通义千问、文心一言等模型版本频繁更新，全网榜单杂乱不统一。。很多榜单只堆砌开源下载量，忽略真实对话体验、推理能力、抗污染能力、编程实战表现，完全无法辅助开发者选型、学习参考、行业趋势研判。工业级的大模型热度排名工具，核心不是简单罗列名次，而是。今天我用标准 Vibe Coding 氛围编程范式，从零搭建一款的大模型热度排名小程序。
2026-08-10 08:00:00
325
原创 vibe coding | 如何做一个知乎热点问题插件？
市面上绝大多数知乎热点工具要么，要么，甚至很多工具只聚合热度标题，不区分优质可答问题、低质灌水热点，完全无法辅助内容创作、舆情观察、选题策划。真正实用的知乎热点插件，核心价值不是“搬运榜单”，而是，帮助用户快速捕捉高流量问题、挖掘创作选题、跟踪全网舆情动态。今天我用标准 Vibe Coding 氛围编程思路，从零开发一款的知乎热点问题浏览器插件。
2026-08-08 13:59:11
238
原创 vibe coding | 如何做一个AI旅游攻略工具？
我太懂普通人做旅行攻略的痛点：翻几十篇小红书、马蜂窝笔记、筛选真假测评、拼凑行程、核对交通住宿、对比预算，耗时大半天，最后做出的攻略依旧死板、路线绕路、网红坑多、不符合个人喜好。市面上大部分通用AI生成的旅游方案，本质是，存在严重的AI幻觉、路线不合理、景点关停信息滞后、行程松紧失控等问题，完全无法落地执行。真正产品级的AI旅游攻略工具，核心不是凑行程，而是。今天我用标准 Vibe Coding 氛围编程思路，从零搭建一款的AI智能旅游攻略生成工具。
2026-08-07 11:16:58
317
原创 vibe coding | 如何做一个AI情感聊天工具？
市面上绝大多数AI聊天工具的通病：话术机械冰冷、只会检索问答、无法共情、记不住对话、情绪回应错位。开心时不会陪你松弛闲聊，焦虑时只会生硬讲道理，低落时没有温柔陪伴，本质是。真正好用的AI情感聊天工具，核心不是“答对问题”，而是。它具备基础共情能力、稳定人格记忆、场景化对话适配，能适配日常闲聊、情绪疏导、压力缓解、日常陪伴等真实场景。今天我用标准 Vibe Coding 氛围编程思路，抛开复杂学术理论，从零落地一款的AI情感聊天工具。全文提供可直接上线的前后端完整代码。
2026-08-06 08:00:00
235
原创 vibe coding | 如何做一个AI影评工具？
本次核心Prompt可直接复用开发同类影视工具：制作一款深色磨砂高级质感AI影评工具，沉浸式影视氛围。支持输入影片名称，选择影评风格，一键生成结构化专业AI影评。页面包含影片信息展示、影评结果渲染、一键复制、历史记录功能，加入打字生成动画、加载呼吸动效。
2026-08-05 08:30:00
245
原创 如何vibe coding一个摸鱼网站？
这个摸鱼版的从动念到能用，前后花了不到三个小时。没有需求文档，没有原型图，也没有代码评审。我只是一边晒太阳一边敲，想到什么加什么——这就是 vibe coding 的魅力。创造一点能让自己生活变有趣的小东西，并且不为了交付给任何人。那个藏在暖橘色页面里的摸鱼入口，不是用来卖钱的，也不是用来推广的，它只是一个程序员在忙碌日常里，给自己留的一个透气口。所以，如果你也在某个下午感到手痒，不妨也给自己写一个摸鱼网站也可以叫任何你喜欢的名字。把那些让你快乐的链接装进去，再加一层只属于你的伪装。
2026-08-02 12:46:24
61
原创 vibe coding | 如何做一个 AI 音乐生成工具？
原创单曲版权成本极高，普通人没有乐理基础、不会编曲、不会混音，根本无法独立完成音乐创作。而的核心价值，就是把复杂的 AI 工程、音频处理、视觉动效、交互逻辑，通过「意图驱动」快速落地。今天我带大家从零搭建一个。本项目支持，对标主流 Suno、Udio 基础能力。
2026-08-01 08:30:00
226
原创 vibe coding | 如何做一个 AI 小说生成工具？
市面上绝大多数 AI 小说工具要么功能臃肿、要么强制付费、要么生成逻辑僵硬、上下文崩人设、章节衔接割裂。今天我用标准 Vibe Coding 氛围编程范式，从零落地一个轻量、高质感、可商用、上下文连贯的 AI 小说生成工具网站。本次项目主打结构化创作 + 智能续写 + 人设锁死 + 章节连贯生成，完全贴合网文真实创作流程。同时纯净植入花猫导航作为创作者辅助工具区，无广告、无营销、无引流，仅做创作资源赋能。很多新手误以为 AI 小说生成就是“输入一句话、返回一段话”，这是玩具级实现。真正可落地的 AI 小说生
2026-07-31 08:00:00
239
原创 vibe coding | 如何做一个 AI 小说检测网站？
接入开源中文 NLP 模型，提升长篇小说检测准确率，识别深层叙事 AI 特征增加文本高亮标记，精准标出疑似 AI 生成段落新增原创度优化建议，自动给出文本人工修改方案增加批量文档检测，支持 TXT、Word 上传检测。
2026-07-30 17:07:08
170
原创 vibe coding | 如何做一个有质感的AI漫剧网站页面？
质感不是花哨特效，而是统一的设计体系、清晰的视觉层级、细腻的交互反馈、舒适的色彩氛围极简分层美学：摒弃杂乱堆砌，采用留白+磨砂玻璃+多层阴影构建层级，主内容优先展示，辅助功能轻量化隐藏，符合现代AI产品设计规范细腻动态交互：hover景深缩放、平滑过渡动画、元素渐入加载、交互状态即时反馈，无生硬跳转、无突兀闪烁专属色彩氛围：低饱和主色调+高通透辅助色，拒绝高辣眼对比，适配漫剧二次元、国风、科幻等多元风格，兼顾创作沉浸感沉浸式内容聚焦。
2026-07-30 13:56:40
217
原创 vibe coding | 如何做一个AI漫剧制作网站？
AI漫剧全称AI动态漫画短剧，是结合短剧叙事逻辑与AI生成动画的新型内容形态，依托文本大模型、文生图、图生视频、TTS语音合成、口型同步等多模态技术，实现从纯文字到成片的自动化生产。相较于传统动画半年起步的制作周期、百万级成本，AI漫剧可实现单人单日出片，效率提升数十倍，是目前轻量化内容创作的主流方向。
2026-07-29 15:17:23
208
原创 vibe coding | 如何做一个AI音乐识别网站？
作为一名常年深耕业务开发的全栈程序员，我深刻感受到当下开发范式的彻底变革。传统编程是，耗时费力且重复工作量极大。而 2025 年初由 Andrej Karpathy 提出的，彻底颠覆了这套逻辑。简单来说，Vibe Coding 的核心不是“手写代码”，而是，开发者只需要把控产品逻辑、交互体验和核心功能方向，大幅降低开发门槛、压缩开发周期。今天我就用标准的 Vibe Coding 开发流程，从零落地一个。
2026-07-28 15:56:26
205
原创 vibe coding | 如何做攻防类型的小程序游戏？
作为一名常年做全栈开发、业余独立落地小游戏项目的大厂程序员，我一直很推崇。很多想做小游戏的新手都会陷入一个误区：觉得攻防游戏需要复杂的物理引擎、对战逻辑、动画特效、后端数据交互，门槛极高，根本零基础做不了。但事实完全相反。攻防类小游戏的核心本质，只有两件事：今天这篇文章，我用最纯粹的 Vibe Coding 思路，带大家从零开发一款，全程原生代码、零引擎依赖、新手可直接复刻运行。
2026-07-27 08:00:00
191
原创 vibe coding | 如何做一个设计网站？
很多新手有一个误区：做设计网站，必须会专业 UI、会复杂前端框架、会工程化打包、会适配各种兼容。最后看着庞大的学习清单，直接放弃。今天这篇文章，我从零讲清楚：普通人如何用 Vibe Coding 的思路，，快速做出一个高颜值、可直接上线的设计类网站。
2026-07-26 14:27:07
212
原创 vibe coding | 如何做一个skill？
不要一上来就学完整体系。学前端、学 Python、学 AI 提示词，全部不要。我想做出一个什么具体东西？比如： 不想学前端体系，只想做一个干净可自用的网页。不想学全栈理论，只想做一个小工具提升自己效率。以作品为锚点，知识为辅助。
2026-07-25 16:41:23
244
原创 vibe coding | 如何快速检索到自己想要的网站？我做了一个导航
Vibe Coding之所以成为当下热门的开发范式，本质是打破了传统编程的刻板局限，让技术创作不再纠结语法、代码、底层细节的繁琐，而是聚焦于「解决实际问题、优化使用体验」的核心。花猫导航就是最简单的Vibe Coding落地实践：没有复杂的架构设计，没有花哨的功能迭代，只是用极简的技术手段，解决了每个人日常都会遇到的网站检索低效问题。如果你也厌倦了满屏广告的搜索结果、杂乱冗余的通用导航、繁琐难寻的书签列表，想要一种干净、高效、无干扰的网站检索方式，不妨试试这款纯粹为效率而生的花猫导航。
2026-07-24 14:58:52
185
原创 vibe coding | 如何在自己的app里面添加一个AI问答功能？
简单说，vibe coding 就是用自然语言和 AI 编程助手对话，你来描述“想要什么感觉、什么行为”，AI 负责生成和迭代代码，你做技术把关和集成。对于“在现有项目中加一个 AI 问答功能”这种需求，它天然适合，因为：需求明确但琐碎：需要对接 API、处理流式响应、做前端交互、管理上下文，手动写很耗时间。可以快速原型验证：先用最简的方式跑通，再逐步优化细节。大部分代码是标准化套路，AI 生成准确率极高。所以我把这次改造当成一个 vibe coding 实战案例来记录。
2026-07-23 17:37:59
356
原创 vibe coding学习：如何vibe coding一个记账APP?
Vibe Coding 不是一种具体的编程范式，而是一种创造心流。先跑起来，再谈优雅——能跑的代码就是好代码。用直觉做决策——颜色不喜欢？立刻改。布局不舒服？马上调。功能像野草一样自然生长——今天加个统计图表，明天加个导出，后天可能就忘了。对于记账 App 这种非常“个人”的项目，Vibe Coding 尤其合适。因为用的人只有你自己，你不需要考虑千万用户的极端场景，只需要让这个 App 刚好适配自己的消费习惯。一旦进入这种放松的状态，你会发现自己写代码的效率甚至比上班还高。
2026-07-22 08:30:00
173
原创 vibe coding | 如何用vibe coding完成一个小程序？
我没有先画线框图，而是直接在 AI 编程助手（这里我使用了一个支持多文件编辑的 AI 工具）的对话框中，用一段话描述了整体构想：AI 立刻生成了花猫导航（）初始版本：一个index.html包含了内联的样式和简单的脚本，用 flex 布局做了分类区。这第一版虽然粗糙，但已经能跑。描述尽量包含技术栈、视觉风格、功能细节，一次把“氛围”给足，AI 就能生成更接近目标的代码框架。先构建清晰的上下文：用一段话把项目目标、技术栈、风格、核心功能讲给 AI，让它生成最小可运行版本。逐层递进，分治迭代。
2026-07-21 08:00:00
251
原创 vibe coding学习：如何vibe coding一个社区网站?
我决定用 vibe coding 的方式，给自己和几位设计师朋友做一个微型社区。纯粹的技术实验，没有任何商业意图，只想和你聊聊这种随心所欲的创作过程。
2026-07-20 08:30:00
161
原创 vibe coding学习：如何vibe coding一个设计网站?
一旦你启动“严肃工程模式”，技术选型就会失控：React还是Vue？Webpack还是Vite？是否上SSR？等这些问题讨论完，灵感早飞走了。。这不是反智这是一种刻意保留的创作自由。
2026-07-18 00:03:31
209
原创 vibe coding学习：如何vibe coding一个设计网站?
一旦你启动“严肃工程模式”，技术选型就会失控：React还是Vue？Webpack还是Vite？是否上SSR？等这些问题讨论完，灵感早飞走了。。这不是反智，这是一种刻意保留的创作自由。
2026-07-17 22:47:33
211
原创 从0-1学习导航页面布局优化和搭建
从设计稿到代码落地，大约花了一个周末。整个过程没有用任何第三方组件库，完全基于 HTML、CSS 和少量原生 JS。正是因为亲手把布局、交互、响应式、暗色模式都走了一遍，我对 CSS Grid 的灵活度、自定义属性的工程价值、以及无障碍设计的细节有了更深的理解。如果你也想学习页面布局优化，我非常建议像这样自己动手搭建一个导航页。重点在于：用一个真实的项目串联起设计思维与前端技术，收获的远比看十篇教程更大。
2026-07-16 21:08:48
344
原创 2026需要便宜稳定好用的AI搜索引擎
2026年，AI搜索已经不再是一个需要付费才能享受的高级功能。上面这五款工具，从秘塔的完全免费到Perplexity的慷慨额度，从Devv的编程专注到ThinkAny的模型聚合，覆盖了不同层次的需求。把它们搭配使用，完全可以在不花一分钱的前提下，获得比传统搜索高效数倍的信息获取体验。对于算法工程师来说，信息获取能力本身就是核心竞争力的一部分。用好这些工具，把时间花在思考和创造上，才是AI时代正确的打开方式。
2026-07-14 08:30:00
516
原创 大厂程序员常用的5款AI编程工具
大厂程序员选工具，不会只盯着单一能力，而是看它能否融入现有开发流程，解决具体环节的痛点。通用补全与自动任务项目级重构与快速原型：Cursor云上开发与运维中文与国内技术栈：通义灵码深度学习与企业定制：文心快码（Comate）AI编程工具正在从“新奇玩意”变成“职业必备”，掌握它们，不是为了取代谁，而是为了把时间花在更有创造性的工作上。希望这篇梳理能帮你找到适合自己的组合，让写代码这件事，重新变得有乐趣。
2026-07-13 01:02:13
379
原创 2026最热门的5款AI编程工具，不会用就落后了！
不是危言耸听，未来的编程竞争力，很大程度取决于你用AI工具的效率。Cursor：主力编码与项目重构：需求驱动开发、测试生成Windsurf：免费场景下的极速补全Amazon Q：云上开发与运维：终端里的自动任务代理哪怕只把其中一两款真正用熟，你的开发效率和代码质量都会有肉眼可见的提升。2026年才刚刚开始，现在上车，完全不晚。
2026-07-11 21:20:19
480
原创 小游戏项目实战：手把手教你做一个摸鱼小游戏
这个摸鱼小游戏代码量不大，前后端一共不到 200 行，但涵盖了 DOM 操作、定时器管理、状态机、CSS 动画等前端核心知识点。对于正在学 JavaScript 的新手来说，比写 Todo List 有趣多了，而且做完就能玩，成就感满满。偶尔写点这种“无用但快乐”的代码，就当是给大脑做一次按摩。下次午休，不如把这篇教程打开，花半小时敲出来，然后跟同事比一比谁的摸鱼手速更快。祝你玩得开心，也祝你摸鱼不被发现。
2026-07-09 15:08:25
230
原创 Java 项目实战：手把手教你搭建一个导航网站
通过这个项目，我们完整经历了一个 Java 导航网站的诞生过程：从需求分析、数据库设计，到 Spring Boot + MyBatis-Plus 的后端实现，再到 Thymeleaf + Bootstrap 的前端渲染，最后还借助 Jsoup 做了数据初始化。整体代码量不大，但五脏俱全，非常适合作为 Spring Boot 初学者的实战作业。如果你也想整理自己的常用资源，或者搭建一个团队内部工具站，不妨照这个教程动手试一试。
2026-07-08 17:27:44
318
原创 Java 实战，从 0 到 1 搭建一个导航网站
为什么不自己动手用 Java 从 0 到 1 搞一个导航网站？既能练练全栈手感，又能定制一个属于自己的效率入口。说干就干。下面就把这次实战的完整过程分享出来，从需求梳理、技术选型，到核心代码实现，再到最后部署上云，希望能给想动手的朋友一点参考。
2026-07-07 00:16:47
396
原创 【无标题】
2026年，AI Agent已经从技术圈的热词，变成了真正能落地、能创造价值的核心能力。无论是自动化工作流、智能客服还是复杂任务编排，Agent正在重新定义“软件能做什么”。但站在小白的角度，面对LangChain、AutoGen、CrewAI、记忆机制、工具调用这些概念，很容易被劝退。我在大厂做了两年多的Agent落地，踩过不少坑，也积累了一套相对系统的学习路径。今天就把这条路线分享出来，希望能帮你少走弯路。
2026-07-06 10:00:00
402
原创 在线秒升级：前端渐进式更新的“暂停-恢复”策略
在线时快如闪电，离线时安稳如钟。我们所做的“暂停-恢复”策略，不过是在 Service Worker 的标准生命周期里，增加了一小段“网络状态感知”的逻辑。它没有改变更新本身的原理，却把用户体验从“惊悚片”变成了“无声服务”。现在每天到岗，我依然先确认那条代表“更新异常”的曲线安静地趴在零线。这种安全感，正是渐进式交付最好的脚注。如果你的应用也正被离线白屏困扰，不妨试试这套方案——把更新的主动权还给网络畅通的时刻，让秒升级真正变成一件理所当然的事。
2026-07-05 00:17:28
296
原创 前端应用的离线暂停更新策略：构建稳定可靠的渐进式更新方案
作为前端开发，我每天到工位的第一件事就是看一看日志。最近我在花猫导航（）的异常日志面板里发现，我们移动端 H5 的 PWA 离线版本，每天都有几十条“更新失败”的报错。追查下来，根源在于用户离线时 Service Worker 仍在按部就班地弹更新提示，点击后拉不到资源，页面直接白屏。为此我们折腾了一套“离线暂停更新”策略，上线后离线场景的更新异常归零。下面把落地经验分享出来。背景：Service Worker 的“耿直”更新机制。
2026-07-04 00:57:44
336
原创 2026三款AI办公助手实测：WorkBuddy、QClaw、Kimi到底怎么选？
2026年的AI办公已经过了拼参数的阶段，真正拉开的差距全在场景纵深上。不管你最后选了哪一款，建议都像我一样，在花猫导航（）里把它们和日常工作面板摆在一起，形成固定的启动路径。工具本身不重要，把趁手的兵器放在顺手的地方，才是效率翻倍的秘诀。一句话：团队作战选WorkBuddy，数据刨食选QClaw，深度内容选Kimi——别纠结全能，拥抱组合拳。
2026-07-03 16:04:57
1702
原创 用HTML+CSS基础知识制作网站导航页面（保姆级教程）
大家好，我是一名算法工程师。平时和后端、数据打交道比较多，但工作中总有需要自己动手写前端页面的时候。最近团队内部要做一个工具站汇总页面，我就花了一个下午用纯 HTML+CSS 撸了一个简易的网站导航页面。在做这个练习的时候，我参考了的布局，它那种卡片式的设计资源导航页面结构很清晰，很适合作为学习模仿的对象。今天这篇文章，我就手把手教你从零写一个类似的网站导航页面。不需要任何框架，只要基础的 HTML 和 CSS 就能搞定，非常适合新手练习布局和样式。
2026-07-02 17:40:23
245
原创 网站爬虫与数据采集怎么做？（保姆级教程）
想把几千个网站分好类、评好分，光靠人工登记肯定不现实，必须靠爬虫自动抓取关键信息。比如一些导航网站收录了大量设计、产品、开发类的优质站点。你有没想过，这类导航站是怎么知道某个新网站“长什么样”的？答案就是：一套自动化的爬虫与数据采集流水线在默默地干活。今天这篇文章，如果要给花猫导航（）补充一批新网站为场景，手把手教你从零搭建网站爬虫与数据采集系统。读完你可以直接落地自己的采集项目。
2026-07-02 16:53:03
1610
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人