最近在整理Chrome浏览器中的标签分类,特地把自己认为最有价值的一些前端开发和写作工具分享给大家!
1、getdevkit
专门为开发人员准备的 GPT!

2、bundlephobia
每当你想使用一个新的库或者包时,一定要看看这个包的 bundle size
!避免把一个 拖油瓶 引入到项目里面。

3、coolors
开发通常比较缺乏设计和审美,这个网站可以帮你搞定色彩搭配,不至于做出丑陋的"万紫千红"。

4、ray
代码美化就靠它了!写作中,大多数的卡片式代码图片皆来自于此:

其实还有一个:carbon,也挺好看。
5、excalidraw
文章写作中的插图神器!

6、dbdiagram
ER 图神器!

7、drawio
流程图神器!功能强大且免费~

8、dribble + behance
大量优质的UI资源,你不再需要UI了~

媲美 dribble 的又一个设计资源,你真的不再需要UI了~

9、regexgpt
正则神器,知己一步到位,帮你把工具函数都写好,再也不用学正则了!

10、omni
浏览器高效神器!只需在 Mac 上按 ⌘+Shift+K
或在 Windows 上按 Ctrl+Shift+K
。使用简单的命令界面管理选项卡、书签、浏览器历史记录、执行各种操作。

11、json-generator
批量生成 json 格式的 mock 数据,测试必备!

12、mocks-server
这个神器可以让你轻松测试前端很多场景都需要的 CRUD!
