🤖 AI 总结

【前端技术栈】

  1. 推荐Fumadocs作为Next.js文档站点构建工具，赞其高颜值、易上手、功能强大且支持自定义与集成OpenAPI/Blog等，认为其颜值高于Astro Starlight。 [1]
  2. 赞扬Shadcn/UI推出的全新Calendar组件，指出其基于React-daypicker和TailwindCSS V4，功能丰富、示例多样、易于使用且对大模型特别友好，表示自己已“无脑使用”该UI库。 [2]

【架构与实践】

  1. 提醒开发者警惕大模型（Cursor）倾向生成的React中过度使用`useState`和`useEffect`的代码模式，建议使用Zustand和React Query等状态管理工具简化开发，并引用React官方文档《You Might Not Need an Effect》以避免乱用Effect，感叹React心智负担重并表达对Vue3的偏好。 [3]
  2. 强调项目应避免厂商锁定，主张抽象第三方服务接口，并对使用Serverless服务省钱省时的观点提出质疑，认为AI使得自建服务可行，并倡导建立个人产品boilerplate以提升开发效率。 [4]

【产品开发与运营】

  1. 更新了个人项目“简单简历”网站，发布2025版应届生及在校生前端开发实习简历范本，采用最新技术栈，优化排版并加入了AI相关内容，供大学生参考。 [5]
  2. 宣布其个人项目“简单简历”的英文版TailwindResume在ProductHunt上线，新增AI功能，并请求社区点赞支持，表示将分享首次在ProductHunt上线产品的经验和流量情况。 [6]

【开源项目推荐】

  1. 发现并推荐开源文件转换平台VERT，其支持几乎所有文件格式，利用WebAssembly在本地进行转换，部署快捷且非常实用。 [7]
  2. 惊叹于MemVid项目，这是一个将文本数据编码为MP4视频文件以实现高达10倍存储效率的数据存储解决方案，支持离线语义搜索。 [8]
  3. 推荐开源脚手架项目`create-better-t-stack`，其创新之处在于允许用户自由选择前后端框架、数据库等，以创建最佳实践的Typescript项目，认为其有助于学习流行技术栈。 [9]

【生活感悟】

  1. 分享了关于睡眠重要性的心得体会及12条睡眠小贴士，包括固定作息、适度锻炼、避免咖啡因与酒精、睡前放松等，强调睡眠是一天中最重要的事情。 [10]

【开发工具】

  1. 介绍了知名Dracula Theme针对Cursor IDE推出的新版本，指出其需要手动安装，并表示其颜值尚可且自己曾喜欢其紫色调。 [11]

【AI应用】

  1. 发布视频，对比了主流大模型在网页设计方面的能力，通过生成动态天气卡片进行PK并打分，发现结果令人大跌眼镜，认为强大的模型表现可能不如预期，并提供了所有AI生成页面的链接。 [12]
  2. 补充说明对GPT系列模型在网页设计表现不佳的困惑，认为其与Claude相比是“幼儿园水平”，并反思是否使用方式不当。 [13]
  3. 阐述了如何通过为Cursor（AI编码助手）设置全局及特定功能的Rule（如文件命名、抽象方式、代码风格、国际化实现等），并选择固定模型（如Claude Sonnet），从而有效控制AI生成代码的质量和风格，减少失控概率。 [14]

【职业发展与思考】

  1. 批判当下部分“独立开发者”仅晒MRR截图却不讨论产品细节和技术的现象，提醒人们不要受其影响而盲目投入，建议有工作者业余时间再做副业。 [15]
  2. 进一步批评那些不讨论技术、不喷痛恨技术的“独立开发者”，认为这侧面印证了他们可能不怎么写代码。 [16]

【数据库技术】

  1. 推荐2025年Electron项目数据库选择方案，从简单到复杂涵盖IndexedDB+Dexie.js、将SQLite打包成WebAssembly的sql.js，以及将Postgres打包成WebAssembly的PGlite，赞扬PGlite的轻量和便利。 [17]

【辅助工具推荐】

  1. 找到了Cursorful这款免费的Chrome插件，认为它是制作产品宣传视频的极简解决方案，可替代昂贵的Screen Studio，并分享了使用它制作的简单简历产品介绍视频。 [18]


引用来源

  1. Viking : 如果大家熟悉 Next.js ,使用这个开源的 Fumadocs 做文档站点是个非常好的选择，颜值我认为是目前来看最高的 https://fumadocs.dev/ 周末简单上手玩了一下，上手简单，功能强大，自定义功能挺强的，提供各种自定义组件，Showcase 中发现很多出名的工具都在用。 还可以集成 OpenAPI 以及 Blog 等等功能。 我现在一直使用的 Astro 的 Starlight，颜值和这个比是差了点。 Sun Jun 01 2025 15:02:30 GMT+0800 (China Standard Time)

    来源: App | Web

  2. Viking : Shadcn/UI 推出了全新的 Calendar 组件，看起来很棒 https://ui.shadcn.com/blocks/calendar 基于最新的 react-daypicker，以及最新的 tailwindCSS V4，添加了好多新的功能，还推出了 30 多个 examples，几乎可以满足所有的需求了，简单 copy/paste 就开始使用。 现在我已经是无脑使用 Shadcn/UI 了，而且对大模型特别友好。 Tue Jun 10 2025 09:11:45 GMT+0800 (China Standard Time)

    来源: App | Web

  3. Viking : 大家特别注意这种 React 的代码模式，我使用 Cursor 的时候出现好多次了，大模型非常喜欢使用，我也经常会见到，当 Review 到这种代码的时候，要特别小心，除非你实在没办法了，最后再使用。其实使用状态管理工具会让生活更简单（Zustland + React Query） 从原帖评论里发现的资源： 大家可以看一下 React 的官方文档：《You Might Not Need an Effect》 了解一下怎样避免乱用 Effect，还是感叹 React 心智负担太重了，所以我现在最喜欢的还是 Vue3 https://react.dev/learn/you-might-not-need-an-effect 添加上这个 Eslint 的规则来捕捉一些类似的错误： https://github.com/NickvanDyke/eslint-plugin-react-you-might-not-need-an-effect Aiden Bai : if Cursor writes this React code, DON'T ACCEPT IT! i spent the last 2 weeks fixing unnecessary useState + useEffect sync. this is unmaintainable and adds tech debt unless you have a good reason, don't do this! Link: https://x.com/aidenybai/status/1929555856963637459 Mon Jun 02 2025 23:09:00 GMT+0800 (China Standard Time) Tue Jun 03 2025 16:41:10 GMT+0800 (China Standard Time)

    来源: App | Web

  4. Viking : 我现在做的项目很重要的特征是 no vendor-lockin，即使是第三方服务（比如发短信）我都抽象一层成通用接口，提供至少两个服务提供商，这样换起来直接改个参数就好了，避免被单一供应商的技术或服务绑定。 大家采用 serverless （supabase/vercel）好多情况是为了省钱省时间，省钱的话，有 planetscale 的前车之鉴，你不知道这些服务啥时候会有天价账单，省时间的话，其实有了 AI 以后自己写一个类似的服务（比如 supabase 的 auth）也就一两次 prompt 而已。开源库在这种功能上已经很成熟了。 我觉得每个人都可以有一个自己的产品 boilerplate，有一系列的基础功能，然后在上面根据项目进行开发。 Fri Jun 13 2025 09:07:22 GMT+0800 (China Standard Time)

    来源: App | Web

  5. Viking : 毕业季到了，简单简历 http://easycv.cn 更新了两个零工作经验应届生找工作和找实习工作的前端开发的范本，之前使用人数都是排在前面的，这次更新，都采用了 2025年最新的现代技术栈，更丰富紧凑的排版，将一些 AI 相关的内容都更新了， 如果大家是在校大学生可以参考一下： 2025版应届生前端开发：https://easycv.cn/examples?example=62c798b8b0e14509cdc209e9 2025版在校生前端开发实习：https://easycv.cn/examples?example=64853a6e9a98220030634368 Thu Jun 05 2025 09:03:32 GMT+0800 (China Standard Time)

    来源: App | Web

  6. Viking : 简单简历英文版 TailwindResume 在 ProductHunt 上线了： https://www.producthunt.com/products/tailwindresume?utm_source=other&utm_medium=social 带来了全新的AI 功能。 希望各位推友有使用过简单简历的可以帮忙支持下，点个 Upvote，谢谢各位啦。 这是我第一次在 ProductHunt 上线产品，之后也会分享这个上线的经验，看看 PH 带来的流量和用户到底怎样？ Tue Jun 10 2025 16:52:27 GMT+0800 (China Standard Time)

    来源: App | Web

  7. Viking : 今天发现这个 VERT 太厉害了，开源的文件转换平台 https://github.com/VERT-sh/VERT 几乎支持所有的文件格式，转换不需要服务器，都是用 WebAssembly 在本地转换（视频默认是需要server的，但是也可以使用本地解决的方案，它们自己写了一个 vertd ，使用 rust 包了一层 FFmpeg），非常值得自己搭的一个服务，部署也很快捷，很好用。 Thu Jun 05 2025 09:18:00 GMT+0800 (China Standard Time)

    来源: App | Web

  8. Viking : 最近看到一个非常神奇的项目 MemVid ，彻底把我给惊到了 https://github.com/Olow304/memvid 一个数据存储解决方案，但是它将文本数据编码为 MP4 视频文件，利用视频压缩技术，实现高达 10 倍的存储效率。 同时还内置了语义搜索，用户可以通过自然语言来进行数据的查询。 这个解决方案完全离线，直接拷贝这个视频文件哪里都可以用。 真的是非常有想象力，大家可以看看 Demo，不知道有没有类似这个的数据存储方案吗？我应该是第一次听说见到这样的方案。 Sun Jun 08 2025 14:42:59 GMT+0800 (China Standard Time)

    来源: App | Web

  9. Viking : 一个非常有趣的全新的开源脚手架项目 create-better-t-stack 可以关注一下 https://better-t-stack.amanv.dev/ 它的创新之处就可以让你自由的选择你想用的前后端框架，数据库，orm，runtime， addon 等等，然后可以根据你的选择创建出一个独一无二的有最佳实践的 Typescript 项目。 我用了一下，觉得很有意思，未来的项目可以可以试试看，大家可以看看demo，同时而且还能学习到，看看现在流行的框架和工具都有哪些。 Wed Jun 11 2025 14:38:49 GMT+0800 (China Standard Time)

    来源: App | Web

  10. Viking : 最近发现的好书 科学的讲了睡眠为什么这么重要 尤其有睡眠问题的人 这几天带娃晚上睡不好 越发觉得睡觉应该是一天中最重要的事情了 如果没时间看 直接看书最后两页的睡眠小贴士 就算掌握了方法论： 1、坚持固定的睡眠时间。每天在同一时间上床睡觉，在同一时间醒来。做为习惯性生物，人类很难适应睡眠模式的变化。 2、锻炼很有益，但不要在一天中太晚的时间进行，尽量每天尝试锻炼至少30分钟，但要在睡前2-3小时结束。 3、避免咖啡因和尼古丁的摄入。咖啡、可乐、某些茶和巧克力都含有兴奋剂咖啡因，其效果可能需要8小时才能完全清除，因此在下午晚些时候喝，会让晚上很难入睡。 4、睡前避免喝酒精饮料。睡前喝一杯酒或含酒精的饮料可以帮助放松，但大量摄入酒精会失去快速眼动睡眠，使睡眠处于较轻的阶段。 5、深夜避免大量进食和喝饮料，简单的零食可以。 6、尽量避免使用会延迟或破坏睡眠的药物。一些常用的心脏、血压或哮喘药物，以及一些治疗咳嗽、感冒或过敏的非处方药和草药都可以破坏睡眠模式。 7、下午3点以后不要午睡。午睡可以帮助弥补缺失的睡眠，但午后的午睡可能会造成夜间更难入睡。 8、睡前放松，如阅读或听音乐。 9、睡前洗个热水澡，体温下降可能会使你感到困倦，也可以放松和缓解紧张。 10、保持卧室幽暗凉爽，并且不要放置任何电子产品。 11、适当晒晒太阳，日光是调节日常睡眠模式的关键。 12、醒着时不要躺在床上。 Fri Jun 06 2025 16:56:40 GMT+0800 (China Standard Time)

    来源: App | Web

  11. Viking : 非常知名的 Dracula Theme 出了一个专门适配 Cursor 的版本： https://draculatheme.com/cursor 赶快用了一下，需要手动安装，据说是为了适配 Cursor 和 VScode 的版本做了很多修改，但是我也没看出来是啥，总之，颜值还可以，我之前用过一段时间的，很喜欢那个紫色，大家喜欢的可以试试看。 Sun Jun 08 2025 16:13:46 GMT+0800 (China Standard Time)

    来源: App | Web

  12. Viking : 拍了一个新的有趣视频： 《哪个大模型网页设计最强？我让所有主流大模型来PK一下, 结果让人大跌眼镜》 https://youtu.be/sGxo4n8_gDE 程序员对于设计来说都很头大，有了 AI 以后，我现在的设计工作都是用大模型来完成，前几天突发奇想，想看看哪个大模型的设计最符合我的口味，所以用相同的提示词让大模型生成对应的动态天气卡片来看看效果，我还给每个模型的设计能力分别打了分，希望给大家一个参考，结果挺让人大跌眼镜的，我认为很强的模型结果没想到是最后一名竟然是... AI 对战生成的所有页面请看：https://ai-battle.vikingz.me Mon Jun 09 2025 09:30:30 GMT+0800 (China Standard Time)

    来源: App | Web

  13. Viking : ↩️ 剧透一下：我真的不知道为什么 GPT 系列的表现为啥会这么差？三个模型生成的页面和 Claude 相比都是幼儿园水平，是我的使用方式不对还是什么原因？ 我平时编程大模型也不使用 GPT 系列，所以对它们的表现一无所知。 https://www.youtube.com/watch?v=sGxo4n8_gDE Mon Jun 09 2025 16:38:38 GMT+0800 (China Standard Time)

    来源: App | Web

  14. Viking : 我认为最简单的实现方式，假如使用 Cursor： 1 对于每个你的要求按要求创建 N 条单独的 Cursor Rule，有全局格式的：比如文件命名 / 怎样抽象 / 代码风格，有功能分类的：比如 国际化怎么实现/测试怎样实现/ 支付怎样实现 2 然后将想要全局设置的这些 Rule Type 设置为 Always 3 将针对特定 feature（比如如图中国际化怎样实现的） 的设置为 Manual，在每次 Chat 的时候按需求手动的添加（比如我确定让 AI 帮我实现页面的国际化） 4 选择确定的模型，我一般不会乱改，用 Claude 4 Sonnet 非常舒服，这样写出来的代码风格也会统一。 我的项目中已经有十几条这样的 Rule，全局性质的 / 特定 feature 的，你就会发现它失控的概率会越来越低。 Baye : 我给 AI 布置任务时，会精确的告诉它文件名是什么，存到哪个目录，类名、函数名、变量名是什么，怎么抽象，怎么复用代码，怎么写测试，只有这样我才敢用它写的代码。如果任由它自己命名、组织代码，代码库很快就会失控。 Link: https://x.com/waylybaye/status/1932714243796931013 Wed Jun 11 2025 16:19:18 GMT+0800 (China Standard Time) Wed Jun 11 2025 22:06:33 GMT+0800 (China Standard Time)

    来源: App | Web

  15. Viking : 现在好多国内外推上的“独立开发者”的套路，上来都是一张晒 MRR 的截图，收入好几万，然后做的啥产品永远是个迷，然后写一堆和产品没关系的有的没的，疯狂吸粉。 一定不要看了这种帖子脑子一热就开始全情投入。有工作的先好好上班吧，业余时间可以做自己感兴趣的 side projects。 Wed Jun 11 2025 15:16:01 GMT+0800 (China Standard Time)

    来源: App | Web

  16. Viking : ↩️ 而且我发现这些人都还有一个共通点，就是作为一个程序员（独立开发者应该都是半个程序员吧），他们永远都不讨论技术，没有任何可以输出的技术观点，从来不对自己采用什么技术/框架津津乐道，从来不会喷自己痛恨的技术，这侧面印证了他们应该不怎么写代码。 Wed Jun 11 2025 22:17:06 GMT+0800 (China Standard Time)

    来源: App | Web

  17. Viking : 2025 年 Electron 数据库选择： 按照自己的需求，从简单到复杂功能： 1 最简单 IndexedDB + dexie.js 2 进阶 sql.js, https://github.com/sql-js/sql.js 将 SQLite 打包成 webassembly，在浏览器中直接使用。 3 厉害了 PGlite https://pglite.dev/ 将 Postgres 打包成 webassembly， 在浏览器中直接使用，喜欢 Postgres 有福了，不大，只有 3M，真的很香啊，搭配 Drizzle，应该是非常完美了，听说有些小 bug，但是代码提交很活跃。 Fri Jun 13 2025 09:16:09 GMT+0800 (China Standard Time)

    来源: App | Web

  18. Viking : 找到了一个制作产品宣传视频的免费极简的解决方案： Cursorful 这个 Chrome 插件：https://chromewebstore.google.com/detail/cursorful-screen-recorder 一开始使用的 Screen Studio 觉得太贵，一个月假如不是 yearly 的话要 29 美元，这种需求一般做一次就完了，年付完全没必要。 然后我就找对应的替代方案，发现这个 Cursorful 真的不错，技术实现很讨巧了用了 chrome 的录屏功能，也有基本的自动 zoom 以及换背景/浏览器 frame 这些功能，和 Screen Studio 差不多的。 而且假如不是商用的话，导出是完全免费的，假如付费也是一次性 59 刀，完全可以接受。 大家可以看一下我给简单简历 http://easycv.cn 英文版录的产品介绍视频，我后期就又配了个字幕，效果还是很不错的 Viking : 请问一下大家 都是用什么做产品宣传视频的？我一直直接用录屏软件 Screenflow 来做，效果要差很多，一些炫酷的动画啥都没有。 还有现在有没有 AI 工具强大到：扔给它一个录屏，然后告诉它“给我做一个炫酷的产品宣传视频”，然后成品就可以使用的？ Link: https://x.com/vikingmute/status/1924752442002161759 Tue May 20 2025 17:01:57 GMT+0800 (China Standard Time) Mon Jun 16 2025 15:35:15 GMT+0800 (China Standard Time)

    来源: App | Web


⚙️ 调试信息

点击展开 * **执行ID:** `fd62c3d4` * **AI模型:** `gemini-2.5-flash-preview-05-20` * **引用链接样式:** `app`