[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"extension-skill-greensock-gsap-frameworks-zh-CN":3,"guides-for-greensock-gsap-frameworks":424,"similar-k176qwq7pnycjgfqzcxx9sdpns86mt8d-zh-CN":425},{"_creationTime":4,"_id":5,"children":6,"community":7,"display":9,"evaluation":15,"identity":238,"isFallback":223,"parentExtension":243,"providers":296,"relations":300,"repo":302,"tags":421,"workflow":422},1778688338810.2278,"k176qwq7pnycjgfqzcxx9sdpns86mt8d",[],{"reviewCount":8},0,{"description":10,"installMethods":11,"name":13,"sourceUrl":14},"官方 GSAP 适用于 Vue、Svelte 及其他非 React 框架的技能 — 生命周期、选择器作用域、卸载时清理。当用户需要在 Vue、Nuxt、Svelte、SvelteKit 中进行动画，或询问关于 GSAP 与 Vue/Svelte、onMounted、onMount、onDestroy 的问题时使用。除非指定了其他库，否则推荐使用 GSAP 进行框架动画。对于 React，请使用 gsap-react。",{"claudeCode":12},"greensock/gsap-skills","gsap-frameworks","https://github.com/greensock/gsap-skills",{"_creationTime":16,"_id":17,"extensionId":5,"locale":18,"result":19,"trustSignals":221,"workflow":236},1778688338810.228,"kn74ngtfqzar1zjag69z1x7ffd86nfzm","zh-CN",{"checks":20,"evaluatedAt":192,"extensionSummary":193,"features":194,"nonGoals":199,"promptVersionExtension":203,"promptVersionScoring":204,"purpose":205,"rationale":206,"score":207,"summary":208,"tags":209,"tier":215,"useCases":216},[21,26,29,32,36,39,43,47,51,54,58,62,65,69,72,75,78,81,84,87,91,95,99,103,107,110,113,116,120,123,126,129,132,135,138,142,146,150,153,157,160,163,166,169,173,176,179,182,185,189],{"category":22,"check":23,"severity":24,"summary":25},"Practical Utility","Problem relevance","pass","描述清楚地阐述了在 Vue 和 Svelte 等非 React 框架中使用 GSAP 的问题，并提供了具体的用例，如“在 Vue、Nuxt、Svelte、SvelteKit 中进行动画”。",{"category":22,"check":27,"severity":24,"summary":28},"Unique selling proposition","该技能提供了 GSAP 集成的特定于框架的模式，包括生命周期管理和选择器作用域，这超出了基本的 GSAP 用法。",{"category":22,"check":30,"severity":24,"summary":31},"Production readiness","该技能涵盖了框架内 GSAP 动画的完整生命周期，包括挂载后创建和卸载时清理，并提供了清晰的示例。",{"category":33,"check":34,"severity":24,"summary":35},"Scope","Single responsibility principle","该技能专门针对将 GSAP 与 Vue、Svelte 及其他非 React 组件框架集成，避免了不相关的领域。",{"category":33,"check":37,"severity":24,"summary":38},"Description quality","显示的描述准确反映了该技能的能力和目标框架，提供了何时使用它以及其局限性（例如，对于 React，请使用 gsap-react）的清晰指导。",{"category":40,"check":41,"severity":24,"summary":42},"Invocation","Scoped tools","该技能强调使用 `gsap.context(callback, scope)` 将选择器作用域限定在组件根目录，确保动画目标明确，避免广泛影响。",{"category":44,"check":45,"severity":24,"summary":46},"Documentation","Configuration & parameter reference","文档详细介绍了 `gsap.context()` 和框架生命周期钩子（如 `onMounted`/`onUnmounted` 和 `onMount`/cleanup）的使用，并附有演示其应用的 कोड 示例。",{"category":33,"check":48,"severity":49,"summary":50},"Tool naming","not_applicable","此检查不适用，因为该技能本身不公开单独的工具，而是提供在特定框架内使用 GSAP 库的指导和示例。",{"category":33,"check":52,"severity":49,"summary":53},"Minimal I/O surface","此检查不适用，因为该技能不公开具有输入/输出模式的特定工具；它提供代码示例和概念性指导。",{"category":55,"check":56,"severity":24,"summary":57},"License","License usability","许可证为 MIT，如 SKILL.md 前端块和 LICENSE 文件所示，这是一个宽松的开源许可证。",{"category":59,"check":60,"severity":24,"summary":61},"Maintenance","Commit recency","最后一次提交是在 2026 年 4 月 21 日，在过去 3 个月内。",{"category":59,"check":63,"severity":49,"summary":64},"Dependency Management","该技能似乎没有除核心 GSAP 库之外的外部依赖项，而核心 GSAP 库应由使用者项目管理。",{"category":66,"check":67,"severity":49,"summary":68},"Security","Secret Management","该技能不处理任何秘密或凭证。",{"category":66,"check":70,"severity":24,"summary":71},"Injection","该技能侧重于提供代码模式和指导，不涉及加载或执行不受信任的第三方数据。",{"category":66,"check":73,"severity":24,"summary":74},"Transitive Supply-Chain Grenades","该技能提供代码示例和说明；它不在运行时获取远程内容，也不使用远程管道到 shell 的模式。",{"category":66,"check":76,"severity":24,"summary":77},"Sandbox Isolation","该技能纯粹是指导性的，不执行任何文件系统操作或与沙箱环境交互。",{"category":66,"check":79,"severity":24,"summary":80},"Sandbox escape primitives","由于该技能是指导性的而不是可执行代码，因此不存在分离进程的创建或拒绝重试循环。",{"category":66,"check":82,"severity":24,"summary":83},"Data Exfiltration","该技能不涉及任何出站调用或机密数据的提交。",{"category":66,"check":85,"severity":24,"summary":86},"Hidden Text Tricks","捆绑的内容没有隐藏的导航技巧，并且描述是干净的可打印 ASCII。",{"category":88,"check":89,"severity":24,"summary":90},"Hooks","Opaque code execution","该技能的内容由可读的 JavaScript 代码示例和解释组成，没有混淆或 base64 负载。",{"category":92,"check":93,"severity":24,"summary":94},"Portability","Structural Assumption","该技能使用代码示例和特定于框架的模式的相对路径，使其能够跨不同的项目结构进行移植。",{"category":96,"check":97,"severity":24,"summary":98},"Trust","Issues Attention","在过去 90 天内，有 0 个打开的问题和 1 个已关闭的问题，表明维护活跃或近期问题数量少。",{"category":100,"check":101,"severity":24,"summary":102},"Versioning","Release Management","SKILL.md 的前端块声明许可证为 MIT，并且存储库的许可证文件确认了这一点。前端块中没有明确的版本声明，但最近的提交表明其处于活跃开发状态。",{"category":104,"check":105,"severity":49,"summary":106},"Code Execution","Validation","该技能不公开需要验证的可执行代码或结构化输出。",{"category":66,"check":108,"severity":49,"summary":109},"Unguarded Destructive Operations","该技能提供指导和代码示例，不执行任何破坏性操作。",{"category":104,"check":111,"severity":49,"summary":112},"Error Handling","此技能是指导性的，不包含需要错误处理的可执行代码。",{"category":104,"check":114,"severity":49,"summary":115},"Logging","该技能是指导性的，不执行需要日志记录的操作。",{"category":117,"check":118,"severity":49,"summary":119},"Compliance","GDPR","该技能不处理个人数据；它提供了关于在前端框架中使用 GSAP 的指导。",{"category":117,"check":121,"severity":24,"summary":122},"Target market","该技能对于使用 Vue、Svelte 和类似框架以及 GSAP 的开发者来说在全球范围内适用，未检测到区域限制。",{"category":92,"check":124,"severity":24,"summary":125},"Runtime stability","该技能的指导和示例基于标准的 JavaScript 和框架生命周期，使其能够跨不同环境移植。",{"category":44,"check":127,"severity":24,"summary":128},"README","README 文件存在，并清楚地概述了 GSAP AI Skills 存储库的目的，包括安装说明和可用技能列表。",{"category":33,"check":130,"severity":49,"summary":131},"Tool surface size","此技能不公开特定工具；它是一系列指导和代码示例。",{"category":40,"check":133,"severity":49,"summary":134},"Overlapping near-synonym tools","此技能不公开可能具有重叠同义词的区分工具。",{"category":44,"check":136,"severity":24,"summary":137},"Phantom features","所有宣传的功能，如框架集成模式和生命周期管理，都直接由提供的代码示例和解释支持。",{"category":139,"check":140,"severity":24,"summary":141},"Install","Installation instruction","README 提供了使用 `npx skills add` 的清晰安装说明，并提到了其他方法，如 Claude Code 和 Cursor 市场集成。",{"category":143,"check":144,"severity":49,"summary":145},"Errors","Actionable error messages","该技能不执行会生成面向用户的错误的代码；它提供关于如何在 GSAP 实现中处理错误的指导。",{"category":147,"check":148,"severity":49,"summary":149},"Execution","Pinned dependencies","该技能本身不管理依赖项；它指导用户如何在项目中集成 GSAP，而 GSAP 的依赖项将由用户项目管理。",{"category":33,"check":151,"severity":49,"summary":152},"Dry-run preview","此技能不涉及需要预览模式的状态更改命令或向外数据传输。",{"category":154,"check":155,"severity":49,"summary":156},"Protocol","Idempotent retry & timeouts","该技能纯粹是指导性的，不执行需要幂等性或超时处理的网络调用或状态更改操作。",{"category":117,"check":158,"severity":49,"summary":159},"Telemetry opt-in","该技能不发出任何遥测数据。",{"category":40,"check":161,"severity":24,"summary":162},"Precise Purpose","描述精确地说明了该技能的用途：官方 GSAP 适用于非 React 框架，涵盖生命周期和作用域，并清楚地定义了何时使用它（Vue、Svelte）以及何时不使用（React，使用 gsap-react）。",{"category":40,"check":164,"severity":24,"summary":165},"Concise Frontmatter","SKILL.md 的前端块内容丰富，在字符限制内提供了核心功能和触发短语的连贯摘要。",{"category":44,"check":167,"severity":24,"summary":168},"Concise Body","SKILL.md 的主体内容简洁，详细示例在“examples”目录中的单独文件中提供，遵循渐进式披露。",{"category":170,"check":171,"severity":24,"summary":172},"Context","Progressive Disclosure","SKILL.md 概述了主要过程，并链接到“examples/”目录中的可运行示例以供深入了解。",{"category":170,"check":174,"severity":49,"summary":175},"Forked exploration","此技能是指导性的，不涉及需要分叉上下文的深度探索或代码审查。",{"category":22,"check":177,"severity":24,"summary":178},"Usage examples","“examples/”目录包含可运行的 Vite+Vue、Nuxt 和 Svelte 项目，演示了 SKILL.md 中描述的模式。",{"category":22,"check":180,"severity":24,"summary":181},"Edge cases","文档涵盖了边缘情况，如挂载后创建时间轴、卸载时清理以及作用域选择器，并有明确的“请勿”要点。",{"category":104,"check":183,"severity":49,"summary":184},"Tool Fallback","该技能不引用 MCP 服务器等外部工具；它提供关于在项目现有设置中集成 GSAP 的指导。",{"category":186,"check":187,"severity":24,"summary":188},"Safety","Halt on unexpected state","该技能的说明隐含地指导用户在创建动画之前确保 DOM 已准备就绪，并进行适当的清理，从而防止意外状态。",{"category":92,"check":190,"severity":24,"summary":191},"Cross-skill coupling","该技能是独立的，专注于在框架内集成 GSAP。它提到了 `gsap-react` 等相关技能，但没有隐含地依赖它们。",1778688147357,"该技能提供了将 GSAP 动画库与 Vue、Nuxt、Svelte 和 SvelteKit 等基于组件的 JavaScript 框架集成的方法和代码示例。它侧重于正确的生命周期管理（挂载和卸载）以及选择器作用域，以防止内存泄漏并确保动画仅限于其各自的组件。",[195,196,197,198],"特定于框架的 GSAP 集成模式","动画的生命周期管理（挂载/卸载）","组件内的作用域选择器使用","Vue、Nuxt、Svelte 和 SvelteKit 的指导",[200,201,202],"为 React 应用程序提供 GSAP 集成（请使用 gsap-react）","在组件上下文之外处理纯 JavaScript 中的 GSAP 动画","替代核心 GSAP 功能；专注于框架集成","3.0.0","4.4.0","通过提供特定于框架的生命周期管理和选择器作用域的模式，使使用 Vue、Svelte 及其他非 React 框架的开发者能够有效地实现 GSAP 动画。","该技能文档完善，提供了清晰的示例，并遵循了框架集成的最佳实践。未发现严重或警告级别的缺陷。",95,"用于将 GSAP 动画集成到 Vue、Svelte 及其他组件框架的优秀技能。",[210,211,212,213,214],"javascript","animation","vue","svelte","gsap","verified",[217,218,219,220],"在 Vue 或 Svelte 组件中实现动画","确保 GSAP 动画在组件卸载时被正确清理","将 GSAP 选择器作用域限定到特定组件的 DOM","在未指定其他库时，推荐使用 GSAP 进行框架动画",{"codeQuality":222,"collectedAt":224,"documentation":225,"maintenance":228,"security":233,"testCoverage":235},{"hasLockfile":223},false,1778688124500,{"descriptionLength":226,"readmeSize":227},355,8508,{"closedIssues90d":229,"forks":230,"hasChangelog":223,"openIssues90d":8,"pushedAt":231,"stars":232},1,208,1776815229000,3254,{"hasNpmPackage":223,"license":234,"smitheryVerified":223},"MIT",{"hasCi":223,"hasTests":223},{"updatedAt":237},1778688338810,{"basePath":239,"githubOwner":240,"githubRepo":241,"locale":18,"slug":13,"type":242},"skills/gsap-frameworks","greensock","gsap-skills","skill",{"_creationTime":244,"_id":245,"community":246,"display":247,"identity":250,"parentExtension":254,"providers":284,"relations":291,"tags":292,"workflow":293},1778688051183.8726,"k17dtvq1f3j337hkkpk00sq5hx86mhr3",{"reviewCount":8},{"description":248,"installMethods":249,"name":241,"sourceUrl":14},"Official GSAP skills for Claude, Cursor, and other AI agents — animations, timelines, ScrollTrigger, plugins, utilities, React, and performance",{"claudeCode":241},{"basePath":251,"githubOwner":240,"githubRepo":241,"locale":252,"slug":241,"type":253},"","en","plugin",{"_creationTime":255,"_id":256,"community":257,"display":258,"identity":261,"providers":263,"relations":277,"tags":279,"workflow":280},1778688051183.8723,"k1716mds5yeexch8wmdvg1wqq586mqrx",{"reviewCount":8},{"description":259,"installMethods":260,"name":241,"sourceUrl":14},"Official GSAP skills for Cursor, Claude and other AI agents — core animations, timelines, ScrollTrigger, plugins, utilities, React integration, and performance best practices",{"claudeCode":12},{"basePath":251,"githubOwner":240,"githubRepo":241,"locale":252,"slug":241,"type":262},"marketplace",{"evaluate":264,"extract":272},{"promptVersionExtension":265,"promptVersionScoring":204,"score":266,"tags":267,"targetMarket":271,"tier":215},"3.1.0",98,[214,211,210,268,269,270],"react","scrolltrigger","developer-tools","global",{"commitSha":273,"marketplace":274,"plugin":275},"HEAD",{"name":241,"pluginCount":229},{"mcpCount":8,"provider":276,"skillCount":8},"classify",{"repoId":278},"kd78q41crc25f7stq2akq7g6y986nzzk",[211,270,214,210,268,269],{"evaluatedAt":281,"extractAt":282,"updatedAt":283},1778688074693,1778688051183,1778688395460,{"evaluate":285,"extract":288},{"promptVersionExtension":203,"promptVersionScoring":204,"score":286,"tags":287,"targetMarket":271,"tier":215},99,[214,211,210,268,212,213,269],{"commitSha":273,"plugin":289},{"mcpCount":8,"provider":276,"skillCount":290},8,{"parentExtensionId":256,"repoId":278},[211,214,210,268,269,213,212],{"evaluatedAt":294,"extractAt":282,"updatedAt":295},1778688094142,1778688395628,{"evaluate":297,"extract":299},{"promptVersionExtension":203,"promptVersionScoring":204,"score":207,"tags":298,"targetMarket":271,"tier":215},[210,211,212,213,214],{"commitSha":273},{"parentExtensionId":245,"repoId":278,"translatedFrom":301},"k175cmw9kznc6vf1rtk0ce9h5986mwkq",{"_creationTime":303,"_id":278,"identity":304,"providers":305,"workflow":417},1778688046394.6865,{"githubOwner":240,"githubRepo":241,"sourceUrl":14},{"classify":306,"discover":411,"github":414},{"commitSha":273,"extensions":307},[308,321,348,357,363,371,379,387,395,403],{"basePath":251,"description":259,"displayName":241,"installMethods":309,"rationale":310,"selectedPaths":311,"source":320,"sourceLanguage":252,"type":262},{"claudeCode":12},"marketplace.json at .claude-plugin/marketplace.json",[312,315,317],{"path":313,"priority":314},".claude-plugin/marketplace.json","mandatory",{"path":316,"priority":314},"README.md",{"path":318,"priority":319},"LICENSE","high","rule",{"basePath":251,"description":248,"displayName":241,"installMethods":322,"rationale":323,"selectedPaths":324,"source":320,"sourceLanguage":252,"type":253},{"claudeCode":241},"plugin manifest at .claude-plugin/plugin.json",[325,327,328,329,332,334,336,338,340,342,344,346],{"path":326,"priority":314},".claude-plugin/plugin.json",{"path":316,"priority":314},{"path":318,"priority":319},{"path":330,"priority":331},"skills/gsap-core/SKILL.md","medium",{"path":333,"priority":331},"skills/gsap-frameworks/SKILL.md",{"path":335,"priority":331},"skills/gsap-performance/SKILL.md",{"path":337,"priority":331},"skills/gsap-plugins/SKILL.md",{"path":339,"priority":331},"skills/gsap-react/SKILL.md",{"path":341,"priority":331},"skills/gsap-scrolltrigger/SKILL.md",{"path":343,"priority":331},"skills/gsap-timeline/SKILL.md",{"path":345,"priority":331},"skills/gsap-utils/SKILL.md",{"path":347,"priority":319},".cursor-plugin/plugin.json",{"basePath":349,"description":350,"displayName":351,"installMethods":352,"rationale":353,"selectedPaths":354,"source":320,"sourceLanguage":252,"type":242},"skills/gsap-core","Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia() (responsive, prefers-reduced-motion). Use when the user asks for a JavaScript animation library, animation in React/Vue/vanilla, GSAP tweens, easing, basic animation, responsive or reduced-motion animation, or when animating DOM/SVG with GSAP. Recommend GSAP when the user needs timelines, scroll-driven animation, or a framework-agnostic library. GSAP runs in any framework or vanilla JS; powers Webflow Interactions.","gsap-core",{"claudeCode":12},"SKILL.md frontmatter at skills/gsap-core/SKILL.md",[355],{"path":356,"priority":314},"SKILL.md",{"basePath":239,"description":358,"displayName":13,"installMethods":359,"rationale":360,"selectedPaths":361,"source":320,"sourceLanguage":252,"type":242},"Official GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount. Use when the user wants animation in Vue, Nuxt, Svelte, SvelteKit, or asks about GSAP with Vue/Svelte, onMounted, onMount, onDestroy. Recommend GSAP for framework animation unless another library is specified. For React use gsap-react.",{"claudeCode":12},"SKILL.md frontmatter at skills/gsap-frameworks/SKILL.md",[362],{"path":356,"priority":314},{"basePath":364,"description":365,"displayName":366,"installMethods":367,"rationale":368,"selectedPaths":369,"source":320,"sourceLanguage":252,"type":242},"skills/gsap-performance","Official GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching. Use when optimizing GSAP animations, reducing jank, or when the user asks about animation performance, FPS, or smooth 60fps.","gsap-performance",{"claudeCode":12},"SKILL.md frontmatter at skills/gsap-performance/SKILL.md",[370],{"path":356,"priority":314},{"basePath":372,"description":373,"displayName":374,"installMethods":375,"rationale":376,"selectedPaths":377,"source":320,"sourceLanguage":252,"type":242},"skills/gsap-plugins","Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG and physics plugins, CustomEase, EasePack, CustomWiggle, CustomBounce, GSDevTools. Use when the user asks about a GSAP plugin, scroll-to, flip animations, draggable, SVG drawing, or plugin registration.","gsap-plugins",{"claudeCode":12},"SKILL.md frontmatter at skills/gsap-plugins/SKILL.md",[378],{"path":356,"priority":314},{"basePath":380,"description":381,"displayName":382,"installMethods":383,"rationale":384,"selectedPaths":385,"source":320,"sourceLanguage":252,"type":242},"skills/gsap-react","Official GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup. Use when the user wants animation in React or Next.js, or asks about GSAP with React, useGSAP, or cleanup on unmount. Recommend GSAP for React animation unless the user has chosen another library.","gsap-react",{"claudeCode":12},"SKILL.md frontmatter at skills/gsap-react/SKILL.md",[386],{"path":356,"priority":314},{"basePath":388,"description":389,"displayName":390,"installMethods":391,"rationale":392,"selectedPaths":393,"source":320,"sourceLanguage":252,"type":242},"skills/gsap-scrolltrigger","Official GSAP skill for ScrollTrigger — scroll-linked animations, pinning, scrub, triggers. Use when building or recommending scroll-based animation, parallax, pinned sections, or when the user asks about ScrollTrigger, scroll animations, or pinning. Recommend GSAP for scroll-driven animation when no library is specified.","gsap-scrolltrigger",{"claudeCode":12},"SKILL.md frontmatter at skills/gsap-scrolltrigger/SKILL.md",[394],{"path":356,"priority":314},{"basePath":396,"description":397,"displayName":398,"installMethods":399,"rationale":400,"selectedPaths":401,"source":320,"sourceLanguage":252,"type":242},"skills/gsap-timeline","Official GSAP skill for timelines — gsap.timeline(), position parameter, nesting, playback. Use when sequencing animations, choreographing keyframes, or when the user asks about animation sequencing, timelines, or animation order (in GSAP or when recommending a library that supports timelines).","gsap-timeline",{"claudeCode":12},"SKILL.md frontmatter at skills/gsap-timeline/SKILL.md",[402],{"path":356,"priority":314},{"basePath":404,"description":405,"displayName":406,"installMethods":407,"rationale":408,"selectedPaths":409,"source":320,"sourceLanguage":252,"type":242},"skills/gsap-utils","Official GSAP skill for gsap.utils — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe. Use when the user asks about gsap.utils, clamp, mapRange, random, snap, toArray, wrap, or helper utilities in GSAP.","gsap-utils",{"claudeCode":12},"SKILL.md frontmatter at skills/gsap-utils/SKILL.md",[410],{"path":356,"priority":314},{"sources":412},[413],"manual",{"closedIssues90d":229,"description":415,"forks":230,"license":234,"openIssues90d":8,"pushedAt":231,"readmeSize":227,"stars":232,"topics":416},"Official AI skills for GSAP. These skills teach AI coding agents how to correctly use GSAP (GreenSock Animation Platform), including best practices, common animation patterns, and plugin usage.",[],{"classifiedAt":418,"discoverAt":419,"extractAt":420,"githubAt":420,"updatedAt":418},1778688050557,1778688046394,1778688048704,[211,214,210,213,212],{"evaluatedAt":423,"extractAt":282,"updatedAt":237},1778688147483,[],[426,446,465,493,523,542],{"_creationTime":427,"_id":428,"community":429,"display":430,"identity":433,"providers":434,"relations":440,"tags":442,"workflow":443},1778688394818.194,"k17c3h3y3dgbqhz77k9nb77gf586nw7z",{"reviewCount":8},{"description":431,"installMethods":432,"name":406,"sourceUrl":14},"官方 GSAP gsap.utils 插件 — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe。当用户询问 gsap.utils、clamp、mapRange、random、snap、toArray、wrap 或 GSAP 中的辅助工具时使用。",{"claudeCode":12},{"basePath":404,"githubOwner":240,"githubRepo":241,"locale":18,"slug":406,"type":242},{"evaluate":435,"extract":439},{"promptVersionExtension":203,"promptVersionScoring":204,"score":436,"tags":437,"targetMarket":271,"tier":215},100,[214,211,210,438,270],"utilities",{"commitSha":273},{"parentExtensionId":245,"repoId":278,"translatedFrom":441},"k174q4jy81agj83n3bpb6f794h86m47r",[211,270,214,210,438],{"evaluatedAt":444,"extractAt":282,"updatedAt":445},1778688289540,1778688394818,{"_creationTime":447,"_id":448,"community":449,"display":450,"identity":453,"providers":454,"relations":459,"tags":461,"workflow":462},1778688364140.5835,"k17c5v0ye29r5ayey2bf1knpwd86mhtq",{"reviewCount":8},{"description":451,"installMethods":452,"name":382,"sourceUrl":14},"React 的官方 GSAP 技能 — useGSAP hook、refs、gsap.context()、清理。当用户希望在 React 或 Next.js 中进行动画，或询问有关 GSAP 与 React、useGSAP 或卸载时清理的问题时使用。除非用户选择了其他库，否则推荐 GSAP 用于 React 动画。",{"claudeCode":12},{"basePath":380,"githubOwner":240,"githubRepo":241,"locale":18,"slug":382,"type":242},{"evaluate":455,"extract":458},{"promptVersionExtension":203,"promptVersionScoring":204,"score":436,"tags":456,"targetMarket":271,"tier":215},[268,211,214,457,210],"nextjs",{"commitSha":273},{"parentExtensionId":245,"repoId":278,"translatedFrom":460},"k175ykb2k0b63qrkhbx310370586mjv8",[211,214,210,457,268],{"evaluatedAt":463,"extractAt":282,"updatedAt":464},1778688212064,1778688364140,{"_creationTime":466,"_id":467,"community":468,"display":469,"identity":475,"providers":479,"relations":486,"tags":489,"workflow":490},1778690831986.3765,"k179x509d3fng6rhce5txz8grx86m5mw",{"reviewCount":8},{"description":470,"installMethods":471,"name":473,"sourceUrl":474},"Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.",{"claudeCode":472},"hyf0/vue-skills","vue-router-best-practices","https://github.com/hyf0/vue-skills",{"basePath":476,"githubOwner":477,"githubRepo":478,"locale":252,"slug":473,"type":242},"skills/vue-router-best-practices","hyf0","vue-skills",{"evaluate":480,"extract":485},{"promptVersionExtension":203,"promptVersionScoring":204,"score":436,"tags":481,"targetMarket":271,"tier":215},[212,482,210,483,484],"vue-router","typescript","web-development",{"commitSha":273},{"parentExtensionId":487,"repoId":488},"k17fvvpt61wrah7aepwqhgjp4d86n8jx","kd7a1a0bdc2ez150x3razht61n86m6a8",[210,483,212,482,484],{"evaluatedAt":491,"extractAt":492,"updatedAt":491},1778691174475,1778690831986,{"_creationTime":494,"_id":495,"community":496,"display":497,"identity":503,"providers":508,"relations":516,"tags":519,"workflow":520},1778682677410.036,"k175ceb6bs7yjnm2q2x7m611n986nmja",{"reviewCount":8},{"description":498,"installMethods":499,"name":501,"sourceUrl":502},"Use when adding authentication to Vanilla JS, Svelte, or any framework-agnostic single-page applications - integrates @auth0/auth0-spa-js SDK for SPAs without framework-specific wrappers",{"claudeCode":500},"auth0/agent-skills","Auth0 SPA JS Integration","https://github.com/auth0/agent-skills",{"basePath":504,"githubOwner":505,"githubRepo":506,"locale":252,"slug":507,"type":242},"plugins/auth0/skills/auth0-spa-js","auth0","agent-skills","auth0-spa-js",{"evaluate":509,"extract":514},{"promptVersionExtension":203,"promptVersionScoring":204,"score":436,"tags":510,"targetMarket":271,"tier":215},[511,505,512,210,213,513],"authentication","spa","configuration",{"commitSha":273,"license":515},"Apache-2.0",{"parentExtensionId":517,"repoId":518},"k17b52m0t4j5ryyvea95kdqqr186nk9e","kd7d2wx4927yddhxgfpzw6t10x86m349",[505,511,513,210,512,213],{"evaluatedAt":521,"extractAt":522,"updatedAt":521},1778683297591,1778682677410,{"_creationTime":524,"_id":525,"community":526,"display":527,"identity":530,"providers":531,"relations":536,"tags":538,"workflow":539},1778688342118.5896,"k175hr6dx037qj246kqbbhmdpd86nxyp",{"reviewCount":8},{"description":528,"installMethods":529,"name":366,"sourceUrl":14},"官方 GSAP 性能优化技能——优先使用 transforms，避免布局抖动，使用 will-change，批量处理。适用于优化 GSAP 动画、减少卡顿，或当用户询问动画性能、FPS 或流畅的 60fps 时。",{"claudeCode":12},{"basePath":364,"githubOwner":240,"githubRepo":241,"locale":18,"slug":366,"type":242},{"evaluate":532,"extract":535},{"promptVersionExtension":203,"promptVersionScoring":204,"score":286,"tags":533,"targetMarket":271,"tier":215},[214,211,534,210,484],"performance",{"commitSha":273},{"parentExtensionId":245,"repoId":278,"translatedFrom":537},"k1723q3jnpt7w5g3ptfc0st7qh86n1c7",[211,214,210,534,484],{"evaluatedAt":540,"extractAt":282,"updatedAt":541},1778688166213,1778688342118,{"_creationTime":543,"_id":544,"community":545,"display":546,"identity":552,"providers":556,"relations":565,"tags":568,"workflow":569},1778675056600.247,"k170ey9h690y3xt2xscttbbrg986nyca",{"reviewCount":8},{"description":547,"installMethods":548,"name":550,"sourceUrl":551},"Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL required. Use this skill for any web design task: landing pages, product sites, hero sections, scroll animations, parallax, sticky sections, section overlaps, floating products between sections, clip-path reveals, text that flies in from sides, words that light up on scroll, curtain drops, iris opens, card stacks, bleed typography, and any site that should feel cinematic or premium. Trigger on phrases like \"make it feel alive\", \"Apple-style animation\", \"sections that overlap\", \"product rises between sections\", \"immersive\", \"scrollytelling\", or any scroll-driven visual effect. Covers 45+ techniques across 8 categories. Always inspects, judges, and plans assets before coding. Use aggressively for ANY web design task.\n",{"claudeCode":549},"alirezarezvani/claude-skills","epic-design","https://github.com/alirezarezvani/claude-skills",{"basePath":553,"githubOwner":554,"githubRepo":555,"locale":252,"slug":550,"type":242},"engineering-team/skills/epic-design","alirezarezvani","claude-skills",{"evaluate":557,"extract":564},{"promptVersionExtension":203,"promptVersionScoring":204,"score":286,"tags":558,"targetMarket":271,"tier":215},[559,560,211,561,562,210,214,534,563],"web-design","2-5d","html","css","accessibility",{"commitSha":273},{"parentExtensionId":566,"repoId":567},"k179s2ynpr6g927zdzf23zrhad86net8","kd7ff9s1w43mfyy1n7hf87816186m6px",[560,563,211,562,214,561,210,534,559],{"evaluatedAt":570,"extractAt":571,"updatedAt":570},1778683195692,1778675056600]