Agent Skills
返回列表
Svelte 封装

Svelte 封装

开发编程 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md，安装 @user_922b1001/svelte-wrap。

技能介绍

要解决的问题

Svelte 组件在项目里常常被重复包装：外层 props、事件绑定、样式约定、脚本注入都散落在各处。Svelte Wrap 面向这种 Svelte Web + JavaScript 的封装场景，把重复的包装逻辑收敛成可复用形式，减少手写样板。资料中标签包含 wrap、github、automation，说明它可能也用于围绕 GitHub 仓库或自动化流程组织 Svelte 封装产物。

技能如何工作

从现有描述看，核心不是替换 Svelte 框架，而是在其外围做一层 wrap：

  • 接收 Svelte 组件或 JavaScript 片段：作为输入素材。
  • 生成或整理封装代码：围绕 props、事件、脚本、组件边界做统一处理。
  • 结合自动化标签：可能把封装步骤接到脚本化流程或仓库工作流中，降低重复操作。

由于 SKILL.md 只给出简短描述，具体 CLI 命令、模板字段、输出目录并不明确。

适用边界

适合已有 Svelte 组件、希望统一包装方式的团队或个人项目；不适合需要完整脚手架、状态管理或后端集成的场景。若用于 GitHub 自动化，应确认目标仓库分支、文件命名与部署路径。使用前建议先检查生成的 wrapper 是否覆盖了原有事件名和 props 类型。

使用场景

  • 在已有 Svelte 组件项目里，把重复的 props 与事件包装抽成统一封装片段。
  • 在 JavaScript 项目接入 Svelte Web 组件时，整理组件外层的包装脚本。
  • 在 GitHub 仓库中，用自动化脚本维护一批 Svelte 封装文件。

适合人员

  • 维护 Svelte 组件库、需要统一 wrapper 约定的前端工程师。
  • 在 JavaScript 服务中调用 Svelte Web 片段、需要整理封装边界的开发者。
  • 用 GitHub Actions 或脚本批量维护前端封装资产的自动化工程师。