Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

#工程师工具 发现一个前端开发的辅助浏览器插件「VisBug」，提供了一种很直观的方式来编辑网页，能够很轻松的进行设计和调试，包括移动、调整大小、编辑文本，修改颜色、实施预览效果等，习惯以后，能够提高不小强迫症同学反复调节的效率。

HiTw93's profile picture

Tw93

152,551 subscribers

62,664 görüntüleme • 3 yıl önce •via X (Twitter)

#工程师工具
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

#工程师工具 之前自己独立设计网站的时候，最容易纠结的事情就是主题颜色搭配，早上看到一个叫「Happy Hues」神器，提供了多种风格颜色的真实网站效果演示，从之前的反而微调到了直接选择一个模版，复制颜色搞定，有类似纠结感的同学可以试试。 🤖
0:10

#工程师工具 之前自己独立设计网站的时候，最容易纠结的事情就是主题颜色搭配，早上看到一个叫「Happy Hues」神器，提供了多种风格颜色的真实网站效果演示，从之前的反而微调到了直接选择一个模版，复制颜色搞定，有类似纠结感的同学可以试试。 🤖

Tw93

196,046 görüntüleme • 3 yıl önce

牛，30.5K星，收集了包括Cursor、Manus、Devin、Windsurf等在内的AI工具系统提示词库 库里提供了6500+行、9个工具的系统提示词参考，包括开源和闭源的，可以了解不同AI工具的设计思路，用来学习研究 v0、Manus、Cursor、Same、Lovable、Devin、Replit Agent、Windsurf Agent以及VSCode Agent 这9个 Cursor的提示词强调了代码修改的安全性、可用性以及工具使用规范，来约束AI减少幻觉；Manus也有200多行 #提示词 #AI编程助手 #Cursor #Manus
0:18

牛，30.5K星，收集了包括Cursor、Manus、Devin、Windsurf等在内的AI工具系统提示词库 库里提供了6500+行、9个工具的系统提示词参考，包括开源和闭源的，可以了解不同AI工具的设计思路，用来学习研究 v0、Manus、Cursor、Same、Lovable、Devin、Replit Agent、Windsurf Agent以及VSCode Agent 这9个 Cursor的提示词强调了代码修改的安全性、可用性以及工具使用规范，来约束AI减少幻觉；Manus也有200多行 #提示词 #AI编程助手 #Cursor #Manus

AIGCLINK

39,953 görüntüleme • 1 yıl önce

很酷的项目，AI全栈开发神器： 速度非常快，几分钟构建一个系统 特点： 1、通过提示即可生成功能齐全的全栈多页面应用，包括前后端、数据库 2、提供完整的开发环境（npm、Vite、Next.js等），AI辅助整个开发过程 3、可直接部署到 Netlify和Cloudflare中，无需登录 4、Bolt能够实时检测代码错误并修复 体验地址： #AI编程 #AI编程助手 #Bolt
0:15

很酷的项目，AI全栈开发神器： 速度非常快，几分钟构建一个系统 特点： 1、通过提示即可生成功能齐全的全栈多页面应用，包括前后端、数据库 2、提供完整的开发环境（npm、Vite、Next.js等），AI辅助整个开发过程 3、可直接部署到 Netlify和Cloudflare中，无需登录 4、Bolt能够实时检测代码错误并修复 体验地址： #AI编程 #AI编程助手 #Bolt

AIGCLINK

26,065 görüntüleme • 1 yıl önce

前端开发者在使用 Cursor、Windsurf 等 AI 开发工具时，有时候需修改 UI 界面的样式颇为麻烦，需要准备告诉 AI 具体元素位置相关信息。 给大家推荐 stagewise 这款开源工具，它提供了一个浏览器工具，让我们能直接在网页上选择元素并添加评论。 然后帮助我们将元素截图、DOM 结构等关键信息一键发送给 Cursor 等 AI 助手进行处理。 GitHub： 主要功能： - 直接在浏览器中选择任意 UI 元素并发送给 AI 助手； - 自动连接 VS Code 扩展，无需额外配置； - 支持多种前端框架：React、Vue、Next.js、SvelteKit 等； - 可通过自定义插件系统扩展功能； - 提供 DOM 元素、截图和元数据给 AI 代理； - 不会影响应用的打包体积，仅在开发模式下生效。 对于前端开发工程师，如果有在使用 Cursor 这些 AI 开发工具，不妨搭配这款工具使用试试。
0:16

前端开发者在使用 Cursor、Windsurf 等 AI 开发工具时，有时候需修改 UI 界面的样式颇为麻烦，需要准备告诉 AI 具体元素位置相关信息。 给大家推荐 stagewise 这款开源工具，它提供了一个浏览器工具，让我们能直接在网页上选择元素并添加评论。 然后帮助我们将元素截图、DOM 结构等关键信息一键发送给 Cursor 等 AI 助手进行处理。 GitHub： 主要功能： - 直接在浏览器中选择任意 UI 元素并发送给 AI 助手； - 自动连接 VS Code 扩展，无需额外配置； - 支持多种前端框架：React、Vue、Next.js、SvelteKit 等； - 可通过自定义插件系统扩展功能； - 提供 DOM 元素、截图和元数据给 AI 代理； - 不会影响应用的打包体积，仅在开发模式下生效。 对于前端开发工程师，如果有在使用 Cursor 这些 AI 开发工具，不妨搭配这款工具使用试试。

GitHubDaily

63,790 görüntüleme • 1 yıl önce

我最近很喜欢使用 NotebookLM 来帮助学习理解新东西，但只能导出 PDF，有时候对于中文的渲染也不是很好。一直想找一个好用的能把 PDF 转成可编辑 PPT 的工具，找一圈下来发现 Codia AI NoteSlide 做得最好用，相比传统的 pdf2ppt 简洁易用很多，可快速转化成可编辑的内容，效果很美观精致无差错，很好用，有相同痛点的小伙伴可以去试试看。
0:17

我最近很喜欢使用 NotebookLM 来帮助学习理解新东西，但只能导出 PDF，有时候对于中文的渲染也不是很好。一直想找一个好用的能把 PDF 转成可编辑 PPT 的工具，找一圈下来发现 Codia AI NoteSlide 做得最好用，相比传统的 pdf2ppt 简洁易用很多，可快速转化成可编辑的内容，效果很美观精致无差错，很好用，有相同痛点的小伙伴可以去试试看。

Tw93

85,000 görüntüleme • 6 ay önce

字节跳动终于开源了一个好东西 LatentSync：精准的唇形同步工具 可以根据音频输入，自动调整视频中角色的嘴型，实现精准的口型同步。 直接用声音驱动嘴巴的动作，不需要复杂的中间步骤。 提出了一种“时间对齐”的技术，专门解决画面可能会跳动或不一致的问题。 左：原视频，右：口型同步后 提供了全套工具，可以轻松处理视频和音频，比如调整帧数、检测人脸、去除质量差的视频，保证最终生成的视频效果很好。
0:09

字节跳动终于开源了一个好东西 LatentSync：精准的唇形同步工具 可以根据音频输入，自动调整视频中角色的嘴型，实现精准的口型同步。 直接用声音驱动嘴巴的动作，不需要复杂的中间步骤。 提出了一种“时间对齐”的技术，专门解决画面可能会跳动或不一致的问题。 左：原视频，右：口型同步后 提供了全套工具，可以轻松处理视频和音频，比如调整帧数、检测人脸、去除质量差的视频，保证最终生成的视频效果很好。

小互

81,056 görüntüleme • 1 yıl önce

在使用 AI 编程工具开发前端应用，当预览出现报错时，想让 AI 帮忙分析，需要把报错位置的详细信息发给它，挺麻烦的。 现在，可以装一下 Pointer 这个开源的 MCP 服务器，它能让 AI 助手拥有能 “看见” 网页元素的能力，提升我们与 AI 沟通的开发效率。 通过快捷键选中页面上任意元素，然后自动获取到元素的完整信息，包括 CSS 属性、HTML 结构、React 组件名等详细数据。 GitHub： 需要搭配一个浏览器插件使用，通过 WebSocket 实现浏览器与 AI 工具之间的实时连接通信。 目前插件已上架到应用商店可直接搜索安装，然后运行一条命令配置 MCP 服务器，即可在 Claude Code 或 Cursor 上使用。
0:10

在使用 AI 编程工具开发前端应用，当预览出现报错时，想让 AI 帮忙分析，需要把报错位置的详细信息发给它，挺麻烦的。 现在，可以装一下 Pointer 这个开源的 MCP 服务器，它能让 AI 助手拥有能 “看见” 网页元素的能力，提升我们与 AI 沟通的开发效率。 通过快捷键选中页面上任意元素，然后自动获取到元素的完整信息，包括 CSS 属性、HTML 结构、React 组件名等详细数据。 GitHub： 需要搭配一个浏览器插件使用，通过 WebSocket 实现浏览器与 AI 工具之间的实时连接通信。 目前插件已上架到应用商店可直接搜索安装，然后运行一条命令配置 MCP 服务器，即可在 Claude Code 或 Cursor 上使用。

GitHubDaily

20,305 görüntüleme • 10 ay önce

✨ vibe researching 神级工具！ 玩了一下这两天很火的AI浏览器自动采集工具browseract 拿来尝试了下产品调研的工作，把producthunt、toolify、hackernews、github trending等都爬了一遍，没写一行代码，最后产出了一个汇总csv文件 感觉就像请了一个员工，我说需求，他帮我搞定所有的工作，最后交付结果，太vibe了！ 他们提供了很多template，可以自己扒下来修改，不需要写代码，用自然语言描述就可以，然后跟n8n那样拖拉拽各种节点，还可以设置浏览器类型、ip类型、ip区域，输出的结果类型，甚至还能将workflow封装成api调用，实用性可玩性都拉满了
0:18

✨ vibe researching 神级工具！ 玩了一下这两天很火的AI浏览器自动采集工具browseract 拿来尝试了下产品调研的工作，把producthunt、toolify、hackernews、github trending等都爬了一遍，没写一行代码，最后产出了一个汇总csv文件 感觉就像请了一个员工，我说需求，他帮我搞定所有的工作，最后交付结果，太vibe了！ 他们提供了很多template，可以自己扒下来修改，不需要写代码，用自然语言描述就可以，然后跟n8n那样拖拉拽各种节点，还可以设置浏览器类型、ip类型、ip区域，输出的结果类型，甚至还能将workflow封装成api调用，实用性可玩性都拉满了

Corey Chiu

63,788 görüntüleme • 10 ay önce

可灵昨晚发布了 O1： 一个大一统的视频、图像生成和编辑工具，支持你能想到所有图像和视频编辑能力。 藏师傅会对这次新增的一些能力进行测试，同时大概教大家一下这个模式应该如何使用 👇下面是具体的教程和测试内容
0:19

可灵昨晚发布了 O1： 一个大一统的视频、图像生成和编辑工具，支持你能想到所有图像和视频编辑能力。 藏师傅会对这次新增的一些能力进行测试，同时大概教大家一下这个模式应该如何使用 👇下面是具体的教程和测试内容

歸藏(guizang.ai)

46,516 görüntüleme • 8 ay önce

迫不及待的用 Claude Sonnet 3.7 做了今天推上很流行的天气卡片效果的生成 在原始提示词上，再稍微调试了两次，真的好强，这个审美确实非常在线，动画也很赞。其他几个模型大多数都没法看，现在看来确实是 Coding 最强了，看来以后真的能用它做一些设计的工作了～
0:12

迫不及待的用 Claude Sonnet 3.7 做了今天推上很流行的天气卡片效果的生成 在原始提示词上，再稍微调试了两次，真的好强，这个审美确实非常在线，动画也很赞。其他几个模型大多数都没法看，现在看来确实是 Coding 最强了，看来以后真的能用它做一些设计的工作了～

Viking

57,578 görüntüleme • 1 yıl önce

偶然间又发下一个非常实用的网站，不敢私藏，分享给大家⬇️ 网站名：Devhints 这是一个可以快速生成速查手册网站，提供各种编程语言、框架和工具的简洁参考，帮助快速找到所需的主要信息，提高开发效率。内容不断更新，涵盖广泛，从常见的编程语言如 Python、JavaScript，到工具如 Git、Docker 等，基本上都有。 链接：
0:13

偶然间又发下一个非常实用的网站，不敢私藏，分享给大家⬇️ 网站名：Devhints 这是一个可以快速生成速查手册网站，提供各种编程语言、框架和工具的简洁参考，帮助快速找到所需的主要信息，提高开发效率。内容不断更新，涵盖广泛，从常见的编程语言如 Python、JavaScript，到工具如 Git、Docker 等，基本上都有。 链接：

知识分享官

57,386 görüntüleme • 2 yıl önce

#工程师工具 最近苹果 visionOS 的开发应该不少同学 “蠢蠢欲动”，发现一个日本的开发者弄了一个「visionOS_30Days」，也就是每一天出一个学习教程，偏入门级别，方便快速跟着代码的方式去了解，哈哈，周末可以学起来了。 🤖
0:15

#工程师工具 最近苹果 visionOS 的开发应该不少同学 “蠢蠢欲动”，发现一个日本的开发者弄了一个「visionOS_30Days」，也就是每一天出一个学习教程，偏入门级别，方便快速跟着代码的方式去了解，哈哈，周末可以学起来了。 🤖

Tw93

94,552 görüntüleme • 3 yıl önce

Anthropic推出了一项新功能，叫做“提示词改器”（Prompt Console）。 Claude 会使用思路链推理等提示工程技术自动对提示词进行改进，优化你的提示词，让AI的回答更准确、符合预期。 这项功能的主要作用： 1. 自动优化提示词：通过提示词改进工具，开发者可以让Claude模型自动优化现有的提示词（即向AI模型提出的问题或要求），以提高模型回答的质量。例如，工具会增加一个“链式思维”环节，让Claude在回答之前先有条理地思考问题，确保回答更精准。 2. 标准化和丰富示例：工具可以把提示中的示例转成统一的格式，比如XML格式，这样Claude更容易理解和处理。 3.示例增强：对现有示例进行自动补充，使其与结构化后的提示更加契合，包括增加链式思维的逻辑过程。 4.重写：对提示进行重写，明确其结构，并纠正小的语法或拼写错误，以提高提示的质量和易读性。 5.预填充：在Claude的助理消息中预填充内容，帮助引导Claude的行为，并确保输出格式符合需求。 一旦新提示生成，你还可以向Claude提供反馈，说明什么有效，什么不起作用，以进一步改进提示。 实际效果：根据Anthropic的测试数据，使用提示词改进工具后，模型的准确率在多标签分类任务中提升了30%，并且在摘要任务中能够100%完全遵循字数要求。
0:17

Anthropic推出了一项新功能，叫做“提示词改器”（Prompt Console）。 Claude 会使用思路链推理等提示工程技术自动对提示词进行改进，优化你的提示词，让AI的回答更准确、符合预期。 这项功能的主要作用： 1. 自动优化提示词：通过提示词改进工具，开发者可以让Claude模型自动优化现有的提示词（即向AI模型提出的问题或要求），以提高模型回答的质量。例如，工具会增加一个“链式思维”环节，让Claude在回答之前先有条理地思考问题，确保回答更精准。 2. 标准化和丰富示例：工具可以把提示中的示例转成统一的格式，比如XML格式，这样Claude更容易理解和处理。 3.示例增强：对现有示例进行自动补充，使其与结构化后的提示更加契合，包括增加链式思维的逻辑过程。 4.重写：对提示进行重写，明确其结构，并纠正小的语法或拼写错误，以提高提示的质量和易读性。 5.预填充：在Claude的助理消息中预填充内容，帮助引导Claude的行为，并确保输出格式符合需求。 一旦新提示生成，你还可以向Claude提供反馈，说明什么有效，什么不起作用，以进一步改进提示。 实际效果：根据Anthropic的测试数据，使用提示词改进工具后，模型的准确率在多标签分类任务中提升了30%，并且在摘要任务中能够100%完全遵循字数要求。

小互

39,813 görüntüleme • 1 yıl önce

GPT-4 自动写代码 刚刚发布的 Cursor 编辑器集成了 GPT-4 接口，我测试了下他生成代码的能力，叹为观止，我尝试了从前端到后段，从纯软到软硬结合，从UE到Unity，各种语言甚至汇编或HSL，都能正确写出几乎能直接运行的代码 开发效率大提升！目前为止还是免费，大家可以试试：
0:17

GPT-4 自动写代码 刚刚发布的 Cursor 编辑器集成了 GPT-4 接口，我测试了下他生成代码的能力，叹为观止，我尝试了从前端到后段，从纯软到软硬结合，从UE到Unity，各种语言甚至汇编或HSL，都能正确写出几乎能直接运行的代码 开发效率大提升！目前为止还是免费，大家可以试试：

nash_su - e/acc

108,843 görüntüleme • 3 yıl önce

推荐一个蛮屌的免费图像处理工具：ClipDrop ClipDrop是一个提供AI驱动图像编辑工具，功能包括去除或替换背景、移除图片中的物体、人物或缺陷、图像放大和将涂鸦转换成真实图片。试了试去除物体功能，处理速度非常快而且无残留，网站还提供API，以便将其AI工具集成到其他应用程序中。感兴趣的可以尝试一下。 链接：
0:12

推荐一个蛮屌的免费图像处理工具：ClipDrop ClipDrop是一个提供AI驱动图像编辑工具，功能包括去除或替换背景、移除图片中的物体、人物或缺陷、图像放大和将涂鸦转换成真实图片。试了试去除物体功能，处理速度非常快而且无残留，网站还提供API，以便将其AI工具集成到其他应用程序中。感兴趣的可以尝试一下。 链接：

知识分享官

105,536 görüntüleme • 2 yıl önce

刷到一个视频，一个小孩在用 ThinkPad 写游戏代码。 看着像是在用 AI 编程工具，直接输自然语言生成逻辑。 小孩可能连底层原理都没完全搞懂，但那个劲头挺足，一直在试。 以前学开发得先啃半年语法，现在只要想法对，直接跟 AI 聊就能跑起来。 这种“边做边学”的效率，确实比那种花大价钱报班学理论的成年人高多了。 工具确实把门槛打下来了。 以后拼的可能不是谁背的语法多，而是谁能更快把想法变成东西。 哪怕只是做个小 demo，也比光看不练强。
0:15

刷到一个视频，一个小孩在用 ThinkPad 写游戏代码。 看着像是在用 AI 编程工具，直接输自然语言生成逻辑。 小孩可能连底层原理都没完全搞懂，但那个劲头挺足，一直在试。 以前学开发得先啃半年语法，现在只要想法对，直接跟 AI 聊就能跑起来。 这种“边做边学”的效率，确实比那种花大价钱报班学理论的成年人高多了。 工具确实把门槛打下来了。 以后拼的可能不是谁背的语法多，而是谁能更快把想法变成东西。 哪怕只是做个小 demo，也比光看不练强。

Vincent

14,491 görüntüleme • 1 ay önce

资源宝藏导航网站: 叛逆草 在这里，你可以找到各种实用工具，满足你的需求。不管是日常生活还是工作学习，都有相应的工具等你来发掘！ 提供一些 工具、影音、网盘、软件、办公、娱乐 等相关资源，挺不错，可以当浏览器主页使用。 🔗：
0:11

资源宝藏导航网站: 叛逆草 在这里，你可以找到各种实用工具，满足你的需求。不管是日常生活还是工作学习，都有相应的工具等你来发掘！ 提供一些 工具、影音、网盘、软件、办公、娱乐 等相关资源，挺不错，可以当浏览器主页使用。 🔗：

知识分享官

57,203 görüntüleme • 2 yıl önce

感觉 Google 现在开窍了，先进的 Gemini 模型也不藏着掖着只给收费用户或者门槛很高的 AI Studio 里面用，现在免费用户也可以在 Gemini 官网上使用 Gemini 2.5 Pro 并使用 Canvas 工具，直接可以预览生成的代码，当然有一定次数限制。 另外网上对 Gemini 2.5 Pro 的编程能力好评很多，很多评价觉得超过 Claude 3.7 Sonnet 的，在 Cursor 中可以直接使用 Gemini 2.5 Pro。 给了几个用 Gemini 2.5 Pro 制作的可以直接 Canvas 预览的示例，看起来效果不错： 1️⃣ 用p5js设计一款万花筒，它能根据你的鼠标移动生成迷人的对称图案。 2️⃣ 你侄女随手写下的歌词，拍张照片就能变成一首简单、有趣的歌曲，陪她一起用钢琴弹奏出来吧。 3️⃣ 制作一个经典的街机小游戏：你操控屏幕底部的挡板，弹射小球去击碎上方一排排的砖块。 4️⃣ 开发一款考验反应速度的颜色配对游戏，限定时间内准确匹配颜色并获得分数。 以上示例仅供参考，实际效果可能不同。
0:15

感觉 Google 现在开窍了，先进的 Gemini 模型也不藏着掖着只给收费用户或者门槛很高的 AI Studio 里面用，现在免费用户也可以在 Gemini 官网上使用 Gemini 2.5 Pro 并使用 Canvas 工具，直接可以预览生成的代码，当然有一定次数限制。 另外网上对 Gemini 2.5 Pro 的编程能力好评很多，很多评价觉得超过 Claude 3.7 Sonnet 的，在 Cursor 中可以直接使用 Gemini 2.5 Pro。 给了几个用 Gemini 2.5 Pro 制作的可以直接 Canvas 预览的示例，看起来效果不错： 1️⃣ 用p5js设计一款万花筒，它能根据你的鼠标移动生成迷人的对称图案。 2️⃣ 你侄女随手写下的歌词，拍张照片就能变成一首简单、有趣的歌曲，陪她一起用钢琴弹奏出来吧。 3️⃣ 制作一个经典的街机小游戏：你操控屏幕底部的挡板，弹射小球去击碎上方一排排的砖块。 4️⃣ 开发一款考验反应速度的颜色配对游戏，限定时间内准确匹配颜色并获得分数。 以上示例仅供参考，实际效果可能不同。

宝玉

85,267 görüntüleme • 1 yıl önce