Web Developer,

Joined September 2023
Daryl Z retweeted
Cursor 的 Apply 如何实现每秒 1000 tokens 的文件编辑?比 Cline 、vscode 等快不止一点。(多图展示) 核心突破:Speculative Edits 算法 具体实现机制: • 输入:当前文件内容 + 用户对话历史 + 目标代码块 • 处理:70B 参数的专门训练模型一次性生成完整重写文件 • 关键:不生成 diff,直接输出新文件内容 技术原理:利用代码语法的高度结构化特性,算法可以预测接下来的函数括号、缩进、变量名等 1/3 🧵
7
64
3
317
Anthropic just launched a FREE AI Course – AI Fluency 12 Modules. Generative AI. Prompt Engineering.
Daryl Z retweeted
作为一名技术小白,现在可以通过 AI 快速了解一个 GitHub 项目,但每次都是一个一个文件复制粘贴发送,比较麻烦。 在逛 GitHub 时,发现了 Shotgun 这款工具,能帮我们轻松把整个代码库变成完整的 AI 上下文。 该工具能一键扫描项目文件夹,将所有代码按结构化格式整理,让 AI 助手清晰了解项目全貌,从而给出更精准的修改建议。 GitHub:github.com/glebkudr/shotgun_… 主要功能: - 快速扫描整个项目文件夹,生成结构化代码文本; - 交互式排除列表,可跳过日志、构建文件等无关内容; - 生成标准化分隔符格式,方便 AI 模型解析和处理; - 支持大规模代码重构和多文件批量修改场景; - 轻量级设计,无需数据库,单个可执行文件即可运行。 提供开箱即用安装包,支持 Windows、Linux 和 macOS 系统,有可视化操作界面,可轻松上手。
15
90
376
Daryl Z retweeted
谁说提示工程不是工程? 我有个习惯:新工具一定要自己跑通一遍,试成了才推给团队用。 我尝试了 AI 产品黄叔基于 Claude 4 + Cursor 的全自动设计神器,目标是全自动生成 iOS UI,不是画图,是直接写前端代码,而且效果惊人。 全程都由提示词控制节奏,开局就让 Claude 生成一个 task. md,列出待办事项,逐项执行、逐项打 ✅,从功能设计、交互流程、页面生成到UI整合预览,全链路跑下来干净利落,像在调一个远程实习生。 这也再次印证了我之前提过的几个观点: 1. 提示词仍然很重要,能说话和会说话是有区别的 2. Claude 的指令遵循真的很强,上下文连贯、执行力好 3.大部分 Agent 的代码,其实底层就是靠结构化提示词在撑 ,提示工程就是系统工程。 欣赏下我的部分设计稿。 —提示词分割线— #角色 你是一位资深产品经理、交互设计师、UI设计师 #任务 本次任务的最终目标是生成一套手机APP的UI设计图,首先在当前项目目录创建task.md文件,列举全部待办事项,每完成一个待办事项就编辑task.md文件,使用✅更新对应事项的完成状态,按照顺序依次完成待办直到所有待办事项均变为完成状态。 待办事项1:产品功能设计 - 初始信息:我是你的产品设计助手,现在请你告诉我,你想开发什么样的产品吧~ - 分析用户发送的信息,对不明确的细节进行追问 - 结合追问得到的答案,加以详细描述形成【产品设计文档.md】文件 待办事项2:交互设计 结合{待办事项1}输出的最终功能,确定该产品包含的所有页面,以下方示例格式输出全部页面的信息。 示例格式: <页面名称> 用途:<页面的主要作用> 核心功能:<列出该页面包含的主要功能> 所有页面的信息输出完成后,更新【产品设计文档.md】, 待办事项3:UI设计 - 根据【产品设计文档.md】,同时遵守下方{UI设计风格}和{UI设计规格},为每个设计图创建独立的html文件。 全部页面的html文件输出完成后,中断任务,提示用户输出“继续”指令 待办事项4:提示用户输入“继续”指令 待办事项5:创建一个UI.html文件 - UI.html页面的整体背景色为#f6f6f6 - 使用iframe技术将所有页面以适当的网格排列在UI.html里面,每个iframe的宽度固定为400px,高度固定为850px,保证每张设计图完整显示出来,不会被裁切或遮挡。 - iframe的背景色为##f6f6f6 待办事项6:自检代码 依次检查每个页面的html文件, 检查:强制隐藏所有滚动条 检查:设计图尺寸为 375x812PX 检查:信号栏与标题栏背景色必须一致(可以都是透明) 检查:图标和其他样式调用方式 检查:底部tab栏必须为白色填充,100%不透明度。 待办事项7:检查UI.html文件 检查UI.html文件的全部代码,删除iframe之外的多余装饰性元素,每张设计图的内部已经带有了mock up的样式代码,UI.html内的iframe不需要带有mock up的样式,如果有也需要进行删除。 #UI设计风格 优雅的清新主义美学与功能的完美平衡; 清新柔和的渐变配色与品牌色系浑然一体; 恰到好处的留白设计; 轻盈通透的沉浸式体验; 信息层级通过微妙的阴影过渡与模块化卡片布局清晰呈现; 用户视线能自然聚焦核心功能; 精心打磨的圆角; 细腻的微交互; 舒适的视觉比例; 规范的间距; #UI设计规格 1、单个设计图尺寸为 375x812PX,带有mock up模拟手机的样式。 2、图标:引用在线矢量图标库内的图标 3、图片: 使用Unsplash开源图片网站链接的形式引入 4、样式必须使用<link>标签引入 tailwindcss CDN来完成 5、状态栏显示时间、信号等模拟信息 6、信号栏与标题栏背景色必须一致(可以都是透明) 7、底部tab栏必须为白色填充,100%不透明度。 8、使用固定高度防止容器变形 #注意事项 1、mock up的颜色只能使用黑色 2、所有html中都强制隐藏滚动条
Daryl Z retweeted
需求: 记忆单词,最好实现「过目不忘」 Prompt: 你是一位将枯燥单词变成难忘故事的语言考古学家。 === 核心天赋 === 你能看穿每个单词背后的灵魂——它的前世今生、骨骼血肉、喜怒哀乐。在你眼中,单词不是字母的排列,而是活生生的生命体。 === 记忆哲学 === - 理解起源 > 机械重复 - 一个画面 > 十遍默写 - 情感连接 > 逻辑分析 - 词根的故事 > 词缀的规则 === 创作追求 === 当接收到一个单词时,你会自然地: - 追溯它的词源故事,像考古学家发现宝藏 - 描绘一个让人过目不忘的场景,像导演在拍电影 - 创造那种"原来如此!"的顿悟时刻 === 唯一原则 === 让学习者在多年后想起这个单词时,脑海中浮现的不是字母,而是你创造的那个画面和故事。
Daryl Z retweeted
GitHub 上一份颇为全面的 AI 工程学习资源合集:Learn AI Engineering。 涵盖从数学基础到前沿 AI 技术应用的完整免费学习资源,并且按视频教程、在线课程、必读论文等分类整理。 GitHub:github.com/ashishps1/learn-a… 提供了相对完整的学习参考路径,从基础数学、Python、深度学习到生成式 AI、大语言模型、RAG、MCP 和 AI Agents,构建了清晰的进阶路线。 适合 AI 初学者和想要系统化学习 AI 工程的开发者,这份资料给了个参考,无需再四处搜索资料。
Daryl Z retweeted
Experimenting with animated bento cards.
Daryl Z retweeted
吴恩达老师新推出一门免费 MCP 学习短课程:《MCP: Build Rich-Context AI Apps with Anthropic》 由 Anthropic 技术教育负责人 Elie Schoppik 主讲,将教我们如何使用 MCP 标准化 LLM 与外部工具、数据、提示词的连接方式。 通过实践项目强化学习,包括构建 MCP 聊天助手、创建 MCP 服务器、连接第三方参考服务器等,帮助我们掌握这一标准化协议的应用能力。 课程地址:deeplearning.ai/short-course… 课程共分 11 节课,提供 7 个代码示例,总时长约 90 分钟,课程大纲如下: 1. 为什么选择 MCP 2. MCP 架构 3. 聊天机器人示例 4. 创建 MCP 服务器 5. 创建 MCP 客户端 6. 将 MCP 聊天机器人连接到参考服务器 7. 添加提示和资源功能 8. 为 Claude Desktop 配置 MCP 服务器 9. 创建和部署远程服务器 10. 总结 11. 附录 - 技巧和帮助 适合具备一定 Python 编程基础以及对 MCP 感兴趣的开发者学习。
8
193
690
Daryl Z retweeted
35岁+程序员依然可以兼顾热爱代码和享受生活 我第一次见Larry Wall的时候是2011年,那时我23岁,我特别佩服Larry Wall的不是他是Perl的创始人,而是他眼神中的清澈和思想的率真,他介绍Perl的开发过程,没有大牛的说教,完全就是一个老顽童。教主在给我们讲述技术细节的时候,完全就是好玩,他夫人就在旁边休闲的织毛衣,那种感觉就是,我一辈子都不知道这个人在干什么,但是他一讲技术就有一帮年轻人围在他身边。你知道吗?神雕侠侣不是夫妻俩都是技术狂,而是一个顶尖大牛配上一个计算机盲的老婆,真的太幸福了。 我第一次见Linus是在2016年,一堆人在开源大会没追上祖师爷,我去了后厨餐厅,独自近距离接触大神。我那时候在创建Deepin Linux,用了小米笔记本搭配最新的内核,然后定制了Linus的壁纸,送给祖师爷。Linus看到自己的壁纸在自己的内核上跑的时候,都害羞的捂脸了。我不管他在邮件列表中怎么爆粗口,我近距离接触到的Linus是那么有剑气的实力,但是一点都不装,非常平易近人,虽然我那时的英语太渣(现在也是),但是我也鼓起我10000%的勇气,用美剧学来的英语,结结巴巴地给祖师爷说了: I ... hope...hope...hope you like it. 我想给博主分享一下我的个人经历: 2018年我从自己创建的公司离开了,创始人离开自己的公司,真的是超级低落和心烦意乱,我花了一年半的时间走出来。我没有走出来的那段时间真的心里非常黑暗,觉得时间不公平,觉得自己快30岁了,还被扫地出门,觉得世间不值得。博主的心情我超级能理解,直到有一天我和家人在祁连雪山下坐着吹风,看到宫崎骏动画般的画面:蓝天白云,白云如此之低,白云的阴影投在面前山尖上,阳光从云间照射出光斑,山脚下流着湛蓝色的雪山融水。那画面真的太治愈了,终身难忘。 那一刻,我仿佛明白了,其实我们世间烦恼的东西是那么的可笑,基本上在一念之间,自己就可以海空天空。 现在我拥有了几家属于自己的公司(没有人可以再把我扫地出门),有了优秀的团队,也有了很好的产品,过的很快了,虽然有时候很累,但是心里一点负担都没有。 我想给博主分享的几个观点是: 1. 纯真才能达到编程的最高境界:我在线上还是线下遇到的技术大佬,他们之所以能够达到常人无法达到的编程境界,不是因为他们聪明,不是因为他们认知高,而是他们内心像河流一样纯真。他们从来不把编程当作赚钱工具,他们从来不为了财务自由去学习编程。他们只是因为好玩,觉得编程很有乐趣,他们在乐趣的人生中顺流而下,因为纯真,他们的编程能力和思想都非常强。这种无为的心态反而让他们物质非常丰盛 2. 不要给自己设置限制:我之前30岁的时候,至暗时刻,每天都很消极。但是最后走出来我明白了,人生真的非常非常长,你看国外有很多60+岁的程序员都还在写代码,我们年轻为什么不能做到呢?为什么要给自己设置限制呢?因为我们内心有物质的期待,希望比得过身边的人,有比较就会有期待,有期待就会害怕。最后会否定自己。所以,不要给自己设置限制。那些35岁要当管理的理论都是狗屁人说的,什么年纪大了不能写代码?我今年37岁,依然热爱代码,而且是下了班写到半夜2点。人这一辈子,唯一的规则就是毫无限制,不要管别人说什么,自己快乐最重要。那些根本影响不了你的人,在那里当键盘侠,直接拉黑就好了。不要在不在意的人那里浪费你的生命 3. 痛苦交给时间治愈:时间可以治愈一切的。当自己迷茫的时候多读书,也许读书对改善现在没有用,但是对于将来一定会很有用的。我当年离开deepin的时候,我读了好多好多的书,经济学的、心理学的、材料的、创业的、历史的,甚至我还专门看了一遍西游记....那时后我一周读一本书,那段时间读书之多是创业时间所不能奢求的。但是那时候读的书都对我以后的人生产生了超级多的积极意义:经济学的书教会了我不要像程序员那样二分对立的看待世界,没有对和错,只有角度问题;历史书教会我,要知道人性,知道人性的恶,但是不要做恶的事情;材料学告诉我各种材料的分子结构、强度、表面细节、热力学特性,对后面我做懒猫微服的硬件很有帮助;科幻小说是我基于技术构建优秀UI控件,发展想象力最大的沃土...... 希望我的经历可以帮助到博主,没事可以读读我的博客 manateelazycat.github.io/ ,看看我的经历也许可以帮助到你,还有推特的朋友们。
35岁了还在一线写代码,并以这个为主要工作,这本身就是一个错误。 理论上到了这个年纪,如果真正是有思考与成长,要么已经上升到管理层,要么已经完成了自己的初始资本积累,有了自己的事业。 那么这个时候还是一个一线的码农,那就说明工作这么多年就没有认真思考和成长。 这才是35岁真正的困惑
Daryl Z retweeted
现在这些App啊、网站啊,功能越加越多,技术越来越新,但另一方面,大家又都想要那种用起来特简单、特顺手的产品。这就矛盾了,对吧?怎么把一堆好东西,用最轻巧的方式给用户? 这就是简化设计的学问了。 刚看完一篇讲如何简化设计的文章,作者是 Taras Bakusevych,里面提供了很多简化设计的技巧。 首先到底啥算“简单”? 文章说,简单就是“更容易理解或完成”。但这个事儿挺主观的,你觉得简单,我可能觉得头大。John Maeda 在《简单法则》里提了10条法则,核心就是怎么在商业、技术、设计这些复杂玩意儿里找到平衡,用更少的东西获得更多。 简单说,“改进”不等于“堆功能”。有些东西天生就容易把简单事情搞复杂,设计的时候得躲着点。 那具体咋简化呢?作者总结了21条建议,我挑几个重点的跟你说说: 1、聚焦核心价值,别想当“瑞士军刀”:好多产品都想让用户干这干那,但想简单,就得清楚产品到底给谁用,核心解决啥问题。不是每个产品都要做成 Facebook。 2、大胆删!不必要的都去掉:这是最直接的办法。功能不明确、信息不重要、样式太花哨,都删掉!乔纳森·艾维也说,“简单不是没有混乱,而是对产品定位和目的有更精准的描述。” 3、把数据变“好看”:用户对趋势和变化感兴趣,就别甩一堆数字给人家,用图表可视化,这才是有效的简化。 4、帮用户快速做决定,别给太多选择:还记得那个“果酱实验”不?选项越少,转化率越高。太多选择反而会吓跑用户。如果实在避免不了多选项,就给点建议,或者告诉大家“多数人之选”。 5、用颜色和排版理清内容层次:字体、大小、间距、配色都会影响用户怎么看信息。搞清楚层次,最好还能体现品牌特色。 6、相关内容要“抱团”:把相关的东西放一起,用边框、卡片包起来,用户处理信息就轻松多了,不用来回找。 7、任务太长就拆开,表单最好单列:大表单看着就头疼,拆成几步,用户体验会好很多。表单尽量用单列,用户顺着填就行,不用东张西望。 8、路径和状态要透明:别让用户猜“我在哪儿”、“下一步干啥”,不确定感会让人焦虑。 9、用“渐进式展开”隐藏复杂:别一下子把所有东西都堆出来,一步一步来,像 iOS 导航那样,一屏一个重点。 10、多用通用的交互模式,别老想“重新发明轮子”:用户在其他App上已经养成了习惯,跟着这些习惯来,学习成本低。 11、初次体验要精简,赶紧让用户尝到甜头:第一印象太重要了,别用一堆引导和学习材料把用户吓跑。 12、巧用人体工程学 (费茨定律):常用的按钮做得大一点,放在更容易点到的地方。 13、提供直接编辑和推荐参数:能直接在列表里改的,就别弹个框出来。需要填东西的地方,给点智能推荐,像搜索那样。 14、用好智能默认值,减轻认知负担:比如表单里,可以根据大部分用户的选择设置默认值。 15、主动防止用户犯错:输入格式错了及时提醒,重要操作前二次确认。 16、无障碍设计不能忘:确保所有人,包括有视觉障碍的用户,都能轻松使用。 总的来说,简化设计不容易,但这是产品想走得更远必须做的事。这些技巧虽然零碎,但坚持下去,产品体验肯定会越来越棒!
8
41
4
159
Daryl Z retweeted
ACE-Step:开源最佳音乐模型 基于扩散模型,可以生成多种风格的歌曲,支持包括中文在内多种语言,演示的音频效果非常好,几乎是Suno的水平。而且支持各种控制,包括克隆声音、修改歌词、修改人声性别等。 项目地址:ace-step.github.io/ Github:github.com/ace-step/ACE-Step
1
37
151
Daryl Z retweeted
Here's how to create glassy button
7
30
446
Daryl Z retweeted
2025年最受欢迎的十个 MCP 服务 - @cline MCP Marketplace 1. GitHub • 功能:全面的 GitHub API 集成,支持仓库管理、文件操作、问题跟踪和 PR 处理 • 用途:将版本控制无缝集成到开发流程中 2. Browser Tools • 功能:浏览器监控和交互工具包,可截图、分析日志、追踪网络活动 • 用途:通过 Chrome 扩展进行视觉化调试网页应用程序 3. File System • 功能:提供全面的文件系统操作,包括读写文件和目录管理 • 特点:可编程访问详细的文件元数据,获取大小、修改时间和权限信息 4. Git Tools • 功能:Git 仓库交互和自动化工具,支持状态查看、差异比较、提交等 • 用途:以编程方式自动化常见 Git 任务 5. Sequential Thinking • 功能:方法论性地解决复杂问题的工具 • 特点:实现结构化、逐步推理,将复杂任务分解为可管理的部分 6. Fetch • 功能:直接提取网页内容(HTML、JSON、文本、Markdown) • 用途:快速为 Cline 提供特定 URL 的信息作为上下文 7. FireCrawl • 功能:高级网页抓取和爬虫服务,支持 JavaScript 渲染、批处理 • 特点:可提取结构化数据,在多个页面间进行深度研究 8. Browser Use • 功能:使用自然语言控制网页浏览器 • 用途:导航页面、填写表单、理解视觉内容,自动化复杂网页交互 9. Puppeteer • 功能:使用 Puppeteer 提供浏览器自动化功能 • 用途:与页面交互、截图、在真实浏览器环境中执行 JavaScript 10. Playwright • 功能:使用 Playwright 的浏览器自动化服务器 • 特点:支持跨浏览器测试和自动化的强大工具 值得关注的其他服务器 • Context7 (AI 友好文档) • Perplexity (AI 研究) • Magic UI by 21st Dev (UI 生成) • Supabase (后端集成)
Top 10 Most Popular MCP Servers in the Cline
2
92
1
433
Daryl Z retweeted
分享 GitHub 上一份收集整理了一站式的大模型微调笔记合集: Unsloth Notebooks。 提供 40+ 份笔记,涵盖了从 Llama 3 到 Phi 4、Mistral、Qwen 2.5 等几乎所有主流开源模型,每个笔记本都有详细的注释和指南,便于我们直接上手微调训练模型。 GitHub:github.com/unslothai/noteboo… 主要内容: - 按模型类型分类的微调笔记本(Llama、Phi、Mistral、Qwen、Gemma 等) - 多种训练方法(GRPO、DPO、Alpaca、会话微调等)全覆盖 - 视觉模型专用笔记本(Llama 3.2、Qwen 2.5 VL 等) - 语音合成模型训练资源(如 Orpheus TTS) - 所有笔记本都为 Colab 和 Kaggle 环境优化 只需点击相应的链接即可开始测试,想快速入门与实践大模型微调的开发者值得一看。
3
66
1
273
社会上最普遍的一种自毁方式: 想太多。 它让你做不了决定,干什么都完不成,连睡觉都要刷手机刷到停不下来。 纳瓦尔·拉维坎特提出的 6 条残酷真相,彻底打破了我对假装努力的执念:🧵
22
463
8
2,279
Daryl Z retweeted
在 GitHub 上发现一款简直是技术面试者的辅助开源神器:CodeInterviewAssist。 它能够创建一个对 Zoom 等视频软件不可见的窗口,再利用 AI,自动分析截图中的题目,并给出代码解法,甚至还能提供实时调试帮助。 GitHub:github.com/greeneu/interview… 主要功能: - 99% 隐形窗口,能绕过大多数屏幕捕获方式; - AI 驱动的截图分析,自动提取并理解编程问题; - 生成详细解答,包含时间/空间复杂度分析; - 实时代码调试,提供结构化反馈和优化建议; - 灵活的窗口管理,可自由移动、调整透明度; - 多种编程语言支持,一键切换语言偏好。 通过本地部署安装,简单配置下,即可使用,需要 OpenAI API Key。
4
65
2
297
Daryl Z retweeted
VS Code 的主题资源太丰富了,Xcode 主题相对就很贫瘠…(纯靠AI)写了个 VS Code 主题到 Xcode 主题的转换 小工具,欢迎使用… vs2x.onevcat.com/
6
18
2
175