分享前端项目常用的三个Skills--Vue、React 与 UI 核心 Skills | 掘金一周 2.5

2026年2月5日 16:40

本文字数1500+ ，阅读时间大约需要 4分钟。

【掘金一周】本期亮点：

「上榜规则」：文章发布时间在本期「掘金一周」发布时间的前一周内；且符合各个栏目的内容定位和要求。如发现文章有抄袭、洗稿等违反社区规则的行为，将取消当期及后续上榜资格。

一周“金”选

掘金一周文章头图 1303x734.jpg

内容评审们会在过去的一周内对社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方榜单中，排名不分先后。

文章介绍前端项目常用技能包。Vue-Skills 解决 Vue 3 开发痛点；React-Skills 涵盖组件组合、性能优化等规则；UI-Skills 提供多元风格、适配多技术栈。Skills 让开发者转变角色，提升开发效率与代码质量。

本文围绕供应链系统中的Web打印方案展开。调研了基于DOM、可视化模板、本地打印控件三类主流方案并对比。重点分析window.print，给出指定区域与批量打印思路，介绍核心CSS打印配置，指出其仍是高性价比方案。

作者接手 2015 年上线的 jQuery 老 CRM 项目，需添加 AI 智能客服功能。因业务时间紧，选择 Web Components，利用其 Shadow DOM 解决 CSS 污染。介绍组件定义与使用，该方案侵入性零、框架无关、可渐进迁移，还给出避坑指南。

本文是面向前端开发者的LangChain教程。先介绍前置准备，接着从环境搭建、核心功能实操、前端项目集成展开教学，还给出避坑指南，最后指明进阶方向，助前端开发者用JS/TS集成AI能力，打造智能应用。

本文是 Moltbot（原 Clawdbot）对接飞书的教程。先介绍在 Linux 系统安装，包括 Git、Node.js 及 Moltbot 安装步骤，还提及查看服务和访问 Web UI 面板方法。接着说明对接飞书流程，含插件安装、参数配置、权限设置等，完成后可与机器人对话。

本文围绕Agent Skills工作流展开，先介绍核心概念与架构设计，接着阐述核心组件、基础技能实现，还涉及交互机制、多Agent协作。以智能数据分析系统为例实战，给出部署、测试策略与设计原则，展现其结合AI与传统开发的优势。

2025年12月29日服务出现CPU阈值告警，作者从代码、流量、JVM维度排查，未找到根本原因。后用神器Arthas分析，发现是业务代码中序列化/反序列化代码使用不当所致。修改代码后，CPU利用率大幅降低。

本文先提及 Google 发布的 Flutter & Dart 2025 高光回顾，随后着重盘点该年 Flutter 经典巨坑，如宏功能暂停、线程合并问题等，其中超半数为 iOS 相关问题，虽官方积极解决，但平台升级坑多。

本文围绕Compose中的IntrinsicSize展开，以构建重叠卡片式UI为例，指出weight修饰符导致布局问题的原因，介绍了IntrinsicSize打破循环依赖的原理，列举常见用例，还提及性能注意事项，强调其对复杂UI构建的重要性。

本文是 Moltbot/Clawdbot 搭建部署攻略。介绍其为支持多模型、多平台的 AI 助手框架，阐述系统要求，给出 Windows、Mac 安装步骤，涵盖首次配置、常用指令、日常维护、故障排除及进阶配置内容，还解答常见问题。

本文围绕 Agent Skills 展开，它是 Anthropic 推出的开放标准，可让 AI 学习专业技能。介绍了入门实战、内部原理、跨工具使用、创建方法，还对比了与 MCP、斜杠命令区别，因其开放复用且降低门槛而大火。

本文围绕 Agent Skills 展开，它是渐进式披露的提示词管理机制，能降低 Token 消耗。以 Claude Code 为例，介绍安装、使用及进阶方法。还对比了与 MCP 的区别，助开发者构建强大智能体。

大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会呈现在下一期。文章创建日期必须在下期掘金一周发布前一周以内；可以推荐自己的文章、也可以推荐他人的文章。