npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

dsh-gsap-skills

v0.1.0

Published

DeepSeek Harness GSAP 技能插件:把官方 greensock/gsap-skills 的 8 个 GSAP 技能(core / timeline / scrolltrigger / plugins / utils / react / frameworks / performance)打包成宿主级 skill provider。装一个插件即可让 DSH 所有会话直接获得 GSAP 动画技能,无需手工复制技能目录。

Readme

dsh-gsap-skills

DeepSeek Harness GSAP 技能插件:把官方 greensock/gsap-skills 的 8 个 GSAP 技能打包成一个宿主级 skill provider。装一个插件,DSH 所有会话的技能目录就直接出现 gsap-* 技能——不再需要手工往 ~/.agents/skills 复制文件,版本随插件走,可分发、可升级。

包含的技能

| 技能 | 用途 | |---|---| | gsap-core | gsap.to()/from()/fromTo()、缓动、duration、stagger、matchMedia() | | gsap-timeline | gsap.timeline()、position 参数、嵌套、playback | | gsap-scrolltrigger | 滚动驱动动画、pinning、scrub | | gsap-plugins | Flip、Draggable、SplitText、ScrollSmoother、CustomEase 等插件 | | gsap-utils | clamp/mapRange/random/snap/toArray/wrap 等工具函数 | | gsap-react | React/Next.js:useGSAP、refs、gsap.context() 清理 | | gsap-frameworks | Vue / Svelte / 其他框架生命周期用法 | | gsap-performance | 性能优化:transform、will-change、layout thrashing |

它是什么、不是什么

  • 是 skill 插件:DSH 的技能注册表(ctx.skills)支持插件注册 skill provider。本插件实现了一个零运行时依赖的只读 provider,直接读取包内 skills/ 目录并注册进注册表。
  • 不是 Codex 插件,也不是动画运行库——不捆绑 GSAP 的 JS 文件,只是把官方 GSAP 技能文本带给 DSH 的 agent(与 Codex 里装的 8 个技能同源同文)。
  • 零依赖:lib/ 只 import Node 内置模块,无 @deepseek-ai/* 运行时依赖。

安装(web profile)

# 1) 装包 + 自动应用 cordis.patch.yml(插入 gsap-skills 插件行)
dsh plugin --profile web add dsh-gsap-skills

# 2) 重启 web profile 生效
dsh --profile web

本机开发/试用(用本地路径 link 安装):

cd ~/.dsh/profiles/web
pnpm add "dsh-gsap-skills@link:/绝对/路径/dsh-gsap-skills"
# 然后在 package.json 的 dsh.profile.bundles 追加 "dsh-gsap-skills",重启

其他 profile 把 web 换成对应 profile 名即可。

使用

直接在对话里说要用 GSAP(写动画、补间、时间线、ScrollTrigger、React/Vue 里的 GSAP 等),agent 会按需自动加载对应技能(gsap-core / gsap-timeline / …),就像本机技能一样。

注意(重复技能遮蔽)

如果某台机器曾把技能手工复制到 ~/.agents/skills/gsap-*(或 ~/.claude/skills、项目 .agents/skills),该副本属于离 agent 更近的 scope 层,会遮蔽插件副本。安装本插件后建议删除手工副本:

rm -rf ~/.agents/skills/gsap-core ~/.agents/skills/gsap-timeline \
       ~/.agents/skills/gsap-scrolltrigger ~/.agents/skills/gsap-plugins \
       ~/.agents/skills/gsap-utils ~/.agents/skills/gsap-react \
       ~/.agents/skills/gsap-frameworks ~/.agents/skills/gsap-performance

升级技能内容

技能正文来自上游 greensock/gsap-skills(MIT)。要跟进上游更新:替换 skills/ 下对应 SKILL.md → npm run validate && npm test → 发新版。改动范围会以插件版本为单位发布。

开发

npm test        # node --test 单测(frontmatter 解析 / 扫描 / provider 契约)
npm run validate  # 结构 + 语法 + 8 技能自洽校验
npm pack        # 打包(files 含 skills/)

许可

  • 本插件代码:MIT(见 LICENSE)。
  • 8 份技能正文:来自 greensock/gsap-skills,MIT(见各 SKILL.md frontmatter)。
  • GSAP 本体是 GreenSock 的商标/产品;本包不包含 GSAP 运行库。