https://maqib.cn/blog 分享 JavaScript 以及热门框架，记录前端工程师学习成长历程。 en-us maqi1520@163.com (狂奔滴小马) maqi1520@163.com (狂奔滴小马) Sun, 07 Jun 2026 00:00:00 GMT https://maqib.cn/blog/2026/Vibe_Coding_自建一个知识星球 https://maqib.cn/blog/2026/Vibe_Coding_自建一个知识星球 <img src="https://mmbiz.qpic.cn/mmbiz_jpg/NX8ZoYnTZloLEF3QjMQfpKicG1dia5icQNhrJcj5cnKpnib3v8SbJKsPWgEsl0Atd291LoE4vDVRAdKDRMicyN1WxhfFepvcmWbgQzRFzeiaAxFjk/0?wx_fmt=jpeg" width="800"><p><small>hello，各位做自媒体的朋友们，你们在社交平台上发布内容的时候是否会存在以下问题，</small></p> Sun, 07 Jun 2026 00:00:00 GMT maqi1520@163.com (狂奔滴小马) AI 编程独立开发 https://maqib.cn/blog/2026/storyboard_是_AI_剪视频的前置条件 https://maqib.cn/blog/2026/storyboard_是_AI_剪视频的前置条件 <img src="https://mmbiz.qpic.cn/mmbiz_png/NX8ZoYnTZlrIgjrqkqh7P5XiaVocb07f8SpS8XEIFqDl32je1iaMlkict4nNcxY4E9rxbwjQUiachff1GMSo2NNicQtQJpb8ZNPBpjnibWwNul3E0/0?wx_fmt=png&from=appmsg" width="800"><p><small>使用AI剪辑视频的步骤</small></p> Sun, 07 Jun 2026 00:00:00 GMT maqi1520@163.com (狂奔滴小马) 创作工具AI 编程 https://maqib.cn/blog/2026/国产大模型前端设计效果对比 https://maqib.cn/blog/2026/国产大模型前端设计效果对比 <img src="https://mmbiz.qpic.cn/mmbiz_jpg/NX8ZoYnTZloSkKibOR0uP5XVZLjMzvhcpo03vbmKGwXSSFtqIY3Aa5IJDqRWGunISMCDyIU02cZwZQmsjb8QF1XiaIQSIMTEBE1lvhgRNOpNY/0?wx_fmt=jpeg" width="800"><p><small>不吹不黑。国产大模型 minimax 3.0 对比 GLM 5.1，对比小米MiMo-V2.5-Pro。 前端设计效果，同样的提示词，哪个效果比较好？aicoding</small></p> Mon, 01 Jun 2026 00:00:00 GMT maqi1520@163.com (狂奔滴小马) AI 编程 https://maqib.cn/blog/2026/我用_Codex_跑视频字幕的大致流程 https://maqib.cn/blog/2026/我用_Codex_跑视频字幕的大致流程 <img src="https://mmbiz.qpic.cn/sz_mmbiz_png/NX8ZoYnTZlqG1buE9LbWT53APKamv4ib2gWzsWgbeIWc0wuD23szrkROUmm6iaty3GHZcAgoJxFV6w6ib1EB47mibHabgfNnnqTk7SYuepyzaO0/640?wx_fmt=png&from=appmsg" width="800"><p><small>这套流程做的事很简单：给一段视频和一段配音，先用本地工具识别字幕，再修掉明显错字，最后把带样式的硬字幕烧进视频。需要的话，还可以从字幕里提炼封面标题，把封面插到视频开头。</small></p> Mon, 01 Jun 2026 00:00:00 GMT maqi1520@163.com (狂奔滴小马) AI 编程创作工具 https://maqib.cn/blog/2026/AI_写作用哪个_Agent_skill_好 https://maqib.cn/blog/2026/AI_写作用哪个_Agent_skill_好 <img src="https://mmbiz.qpic.cn/mmbiz_png/NX8ZoYnTZlrSD7RZibUyhMk8fYDILn9ujqFCRNlUNhWL4UOyFpI2mpjpG0EX97iaAMrIxqJwdibnxdaibJP0gfVbDaZ3qkymMzk8IUuWJ3I9xks/640?wx_fmt=png&from=appmsg" width="800"><p><small>现在大家都会用 AI 辅助写作，但 AI 写出来的内容有一个很明显的特征，就是特别像 Markdown 里的结构化文字。</small></p> Thu, 28 May 2026 00:00:00 GMT maqi1520@163.com (狂奔滴小马) AI 编程创作工具 https://maqib.cn/blog/2026/如何在_Codex_中使用DeepSeek模型 https://maqib.cn/blog/2026/如何在_Codex_中使用DeepSeek模型 <img src="https://mmbiz.qpic.cn/mmbiz_png/NX8ZoYnTZloqUpPn07MLJ5spKcu64AvQE8w5EFcIdBuF4aF10V6mHXabeiciaqPT0txZejMIsIJG5wxOCx3kicSXRfFtYGZ9EV5cDFKovckF4I/640?wx_fmt=png&from=appmsg" width="800"><p><small>Codex token 限额之后，大家怎么办？等下一个 5 小时，还是升级 token plan？</small></p> Thu, 28 May 2026 00:00:00 GMT maqi1520@163.com (狂奔滴小马) AI 编程工具效能 https://maqib.cn/blog/2026/Reasonix_一个_DeepSeek_专用的终端_Coding_Agent_值不值得试_ https://maqib.cn/blog/2026/Reasonix_一个_DeepSeek_专用的终端_Coding_Agent_值不值得试_ <img src="https://mmbiz.qpic.cn/mmbiz_png/NX8ZoYnTZlp7k9IicVDAlRheb8T9biaAeoVlulfRTKYbKEmvuniagMDjttIJKk1vevLmclT3lxP4aG0ASHnHWwI5Lvia2bBQGeYRZ07YicRjRWNc/640?wx_fmt=png&from=appmsg" width="800"><p><small>昨天刷 Hacker News，看到一条讨论挺热闹：有人做了个叫 Reasonix 的终端 coding agent，专门对接 DeepSeek API，主打 prefix cache 命中率高、长会话成本低。帖子 500 多 upvote，评论 200 多条。我顺着链接点进去看了看，也翻了翻评论区...</small></p> Mon, 25 May 2026 00:00:00 GMT maqi1520@163.com (狂奔滴小马) AI 编程工具效能 https://maqib.cn/blog/2026/如何使用Codex做出更有细节的网站 https://maqib.cn/blog/2026/如何使用Codex做出更有细节的网站 <img src="https://mmbiz.qpic.cn/mmbiz_png/NX8ZoYnTZloicSriaIqAoic9XsTPR30eprXTIO0pKlQg3uLVEsfcRxHlrHTRTNYBxsvjfSXG9X7EkKwc9H6uNLSDjjeAx3Lz58DNRHVT9icl0v8/640?wx_fmt=png&from=appmsg" width="800"><p><small>最近我在尝试用 Codex 做一个更好看的网页，发现一个比较实用的流程：不要一上来就让它照着某个网站直接生成页面，而是先让 GPT Image2 帮你把设计稿和素材准备好，再交给 Codex 去实现。</small></p> Sun, 24 May 2026 00:00:00 GMT maqi1520@163.com (狂奔滴小马) AI 编程 https://maqib.cn/blog/2026/使用_Codex_来做视频_来试试_HyperFrames https://maqib.cn/blog/2026/使用_Codex_来做视频_来试试_HyperFrames <img src="https://mmbiz.qpic.cn/mmbiz_png/NX8ZoYnTZloZnCPAUL4alNLqOFXDG21ibI4CYERBVeD9kDibsQNuE1BkvxYNgKAEo9TQicEIwzibeC1I8NicJu8su2bReVehsZXKiagxQ3EwEHibib0/640?wx_fmt=png&from=appmsg" width="800"><p><small>做视频不一定要用 Premiere 、剪映等剪辑软件了，</small></p> Fri, 08 May 2026 00:00:00 GMT maqi1520@163.com (狂奔滴小马) AI 编程创作工具 https://maqib.cn/blog/2026/DeepSeek_专家模式对比_Xiaomi_MiMo_前端设计能力 https://maqib.cn/blog/2026/DeepSeek_专家模式对比_Xiaomi_MiMo_前端设计能力 <img src="https://mmbiz.qpic.cn/mmbiz_png/NX8ZoYnTZlpMnibon2x4I6KALT22zc5ur1Qn5uW7pkicImrFm7LYXabwh3OfLtDxiaO2Qo2m9DoNp6UEGYoaIuT0YgX4IjVIVyp2UraN7Gqm1s/640?wx_fmt=png&from=appmsg" width="800"><p><small>我一直在找一个前端设计能力出色的国产大模型，想在产品中代替 gemini 3 模型，今天我们来的对比 Xiaomi MiMo-V2-Pro 和 DeepSeek 专家模式，简直让我惊呆了，其他能力暂且不论，就论前端设计能力，已经超出了我的心理预期，下面开始测评。</small></p> Wed, 08 Apr 2026 00:00:00 GMT maqi1520@163.com (狂奔滴小马) AI 编程 https://maqib.cn/blog/2026/Claude_Code_把_source_map_开源了_ https://maqib.cn/blog/2026/Claude_Code_把_source_map_开源了_ <img src="https://mmbiz.qpic.cn/mmbiz_png/NX8ZoYnTZlrsdFgo8ygS1jYae59D5neNN6mrYf76bJ715IykgujdpwbX3q0JHu1A7mVMKvBCXqVNE5O17m0hT1QtlXs92y2ibW1K7SgvrGkQ/640?wx_fmt=png&from=appmsg" width="800"><p><small>这不是一次黑客攻击，也不是内部员工泄密。</small></p> Tue, 31 Mar 2026 00:00:00 GMT maqi1520@163.com (狂奔滴小马) AI 编程 https://maqib.cn/blog/2026/Vibe_Coding_做了2个项目后_我总结了这些实战技巧 https://maqib.cn/blog/2026/Vibe_Coding_做了2个项目后_我总结了这些实战技巧 <img src="https://mmbiz.qpic.cn/mmbiz_png/NX8ZoYnTZlrCf8Bvhm95sMKTZP6geAG9hshHcA1FicFOxk7QMmu9O83kFuKNSFzQ7BibI5ZvubIicURmUj0NYcnFs310ibHcPYiaNvjs1FSG4eMU/640?wx_fmt=png&from=appmsg" width="800"><p><small>Vibe Coding 的效率天花板，不在你写 prompt 的能力，而在你给 AI 搭建的"工作环境"。</small></p> Sun, 08 Mar 2026 00:00:00 GMT maqi1520@163.com (狂奔滴小马) AI 编程独立开发 https://maqib.cn/blog/2026/Vibe_Coding_后_我是如何上线两款SaaS产品 https://maqib.cn/blog/2026/Vibe_Coding_后_我是如何上线两款SaaS产品 <img src="https://mmbiz.qpic.cn/mmbiz_png/NX8ZoYnTZloXib261HegTsGb4yQ8xpkYu9UNTfCrEuGYt8vokLy8BuAbm3PgyyiaGclhrW8Ic75etiaSWJIlu7tNYkYnns9OsM3fOsX2ictPnWg/0?wx_fmt=png&from=appmsg" width="800"><p><small>使用 md2card 将文章转成了卡片形式</small></p> Wed, 25 Feb 2026 00:00:00 GMT maqi1520@163.com (狂奔滴小马) 独立开发AI 编程 https://maqib.cn/blog/2026/这款Figma插件让设计师能够_Vibe_Design https://maqib.cn/blog/2026/这款Figma插件让设计师能够_Vibe_Design <img src="https://mmbiz.qpic.cn/sz_mmbiz_png/NX8ZoYnTZlodxtecFqnfpsAn7b719z0se1HNncic9oUZgY0Q7P5zWZox80ibibREmYKEqA7YCd1sbWwEDiawIl8o1clicZaPkBNF5vibUZiaNEwqTQ/640?wx_fmt=png&from=appmsg" width="800"><p><small>嗨大家好，我是小马,  今天想和大家聊聊一个最近让我挺兴奋的产品——Vibe Design。</small></p> Fri, 13 Feb 2026 00:00:00 GMT maqi1520@163.com (狂奔滴小马) AI 编程创作工具 https://maqib.cn/blog/2025/nano_banana_加_lovart_生成长图比_md2card_还好用 https://maqib.cn/blog/2025/nano_banana_加_lovart_生成长图比_md2card_还好用 <img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/e4YNLngAJ85bib88nMetXwjSxrWxBKfDbCYMOhfEovFdXqq2DutpcZOic32CV9otsfdz7FRQdKn9EGTcIdaa2Osg/640?wx_fmt=other&from=appmsg" width="800"><p><small>今天看了赛博禅心的公众号文章，尝试了 lovart + nano-banana 生成长图的功能，简直太好用了。并且这2天使免费使用的。</small></p> Sun, 31 Aug 2025 00:00:00 GMT maqi1520@163.com (狂奔滴小马) 创作工具AI 编程 https://maqib.cn/blog/2025/如何用豆包生成这种_胶囊图__ https://maqib.cn/blog/2025/如何用豆包生成这种_胶囊图__ <img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/e4YNLngAJ85VWjFvzftsd29woCzeQ6e0b9EkbJkhAY0j5zJutwNsuOfRFseOfjd0HafXbcVmMnBK74ftT0BQGQ/640?wx_fmt=jpeg&from=appmsg" width="800"><p><small>最近网络上，ai 生成的胶囊图💊很火。</small></p> Thu, 22 May 2025 00:00:00 GMT maqi1520@163.com (狂奔滴小马) 创作工具AI 编程 https://maqib.cn/blog/2025/如何从零构建_Deep_Research_Agent__ https://maqib.cn/blog/2025/如何从零构建_Deep_Research_Agent__ <img src="https://mmbiz.qpic.cn/sz_mmbiz_png/e4YNLngAJ86jZJQ5rMlcvP7P8F21HD4HRm17Tk32rJxfze3zJHgefaI2AEVx1vfeVahRdVzw5RASCwzrCNGYdQ/0?wx_fmt=png&from=appmsg" width="800"><p><small>Deep Research Agent 是什么？</small></p> Mon, 05 May 2025 00:00:00 GMT maqi1520@163.com (狂奔滴小马) AI 编程 https://maqib.cn/blog/2025/2_句对话_Ai_就帮我实现了图片剪裁工具 https://maqib.cn/blog/2025/2_句对话_Ai_就帮我实现了图片剪裁工具 <img src="https://mmbiz.qpic.cn/sz_mmbiz_png/e4YNLngAJ85V2qIZEgDvib5qHg5XdMRicqAEeC9HbjaNmibX7GZzHIYiaw0CsWjgfjK2qbiaRemeqCobBAOiamlvb0Mw/0?wx_fmt=png&from=appmsg" width="800"><p><small>我使用的是 GitHub copilot</small></p> Wed, 19 Feb 2025 00:00:00 GMT maqi1520@163.com (狂奔滴小马) AI 编程工具效能 https://maqib.cn/blog/2025/我用_Cursor改版了前端工具箱功能展示 https://maqib.cn/blog/2025/我用_Cursor改版了前端工具箱功能展示 <img src="https://mmbiz.qpic.cn/sz_mmbiz_png/e4YNLngAJ85rEhUSc9gfzJhRR59lgyeK4zahq2vRQOyF5KAgf7FEzo8AQDF0fOtou0LPP1yb2fvSfRxQj7kjXw/0?wx_fmt=png&from=appmsg" width="800"><p><small>这是一个一站式前端开发工具集合，旨在提升开发效率。</small></p> Tue, 18 Feb 2025 00:00:00 GMT maqi1520@163.com (狂奔滴小马) AI 编程工具效能 https://maqib.cn/blog/2025/Google官宣Gemini_2_0家族三款新模型_开发者必看_ https://maqib.cn/blog/2025/Google官宣Gemini_2_0家族三款新模型_开发者必看_ <img src="https://mmbiz.qpic.cn/sz_mmbiz_png/e4YNLngAJ86dVN9mof2MbGYZ4bQXjPQETeBicTl4b9gHTN9mZXWblhZnUJShkAeN7s9RzdQFqJ5ficIR3SHzUqicA/0?wx_fmt=png&from=appmsg" width="800"><p><small>1\. Gemini 2.0 Flash</small></p> Thu, 06 Feb 2025 00:00:00 GMT maqi1520@163.com (狂奔滴小马) AI 编程 https://maqib.cn/blog/2025/当我问deepseek前端工程师失业后_如何挣钱时_我呆了 https://maqib.cn/blog/2025/当我问deepseek前端工程师失业后_如何挣钱时_我呆了 <img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/e4YNLngAJ851ic3QN4KhWiaPKXhJCujv8n9IibGAdRgWIZUubx6TRgvlRnVib5hGlfTd80MHOicUyAB0oszUTLJg15w/0?wx_fmt=jpeg" width="800"><p><small>真是把我能想到的，和想不到的都整理出来了，真的很佩服，只是没有这般执行力\[尴尬\]</small></p> Wed, 05 Feb 2025 00:00:00 GMT maqi1520@163.com (狂奔滴小马) 独立开发AI 编程