LookAtMe

skills-npm 是一个典型的「小工具，大理念」项目。1,400 行代码背后，是对 AI Agent 工具链生态的深刻观察：Skills 的分发不需要新的基础设施，npm 已经准备好了一切。

🌰栗子前端技术周刊第 104 期 (2025.10.27 - 2025.11.02)：浏览前端一周最新消息，学习国内外优秀文章视频，让我们保持对前端的好奇心。 📰 技术资讯 Rspack 1.6：Rs

在日常前端开发中，我们往往只使用了CSS的冰山一角。经过多个项目实践，我发现现代CSS隐藏着许多实用但被忽视的特性，掌握它们真的能让你少写50%的代码！ 下面这12个神技，特别是第3个和第7个，彻底改

还在手写 props + emit('update:xxx') 吗？Vue 3.4 的 defineModel 把双向绑定压缩成 一行代码！从「父子通信地狱」到「秒变丝滑」

纯 CSS 实现带连接线的树形组件(div版)，如需兼容更低版本的浏览器，js可以选用jQuery实现版。

你可能想不到，只用两行 CSS，就能让你的卡片、图片、内容块自动适应各种屏幕宽度，彻底摆脱复杂的媒体查询！ 秘诀就是 CSS Grid 的 auto-fill 和 auto-fit。 马上教你用！✨

## 序言 ​ 这半个月一直在专注于 Figma-to-Code 的相关工作，也在不断思考和调研已有的 D2C（Design to Code）方案。 ​ 目前市面上主流的实现方式，大多是基于 **

妙哉，此插件将翻译、文本替换这两步都自动化了，翻译是前置执行的...对于使用者来说是不可见且无需关心的...任何文本都无需改动，且插件也不会去修改我们的代码，看起来一切如旧！

背景介绍 最近，公司需要开发一款在线图像压缩工具，其中的一个关键功能是让用户直观地比较压缩前后的图像效果。因此，我们设计了一个对比组件，它允许用户通过拖动滑块，动态调整两张图像的显示区域，从而清晰地看