SuperAPI AI 工具集

claudedesignskills

设计与创作

查看项目

更新于 10-16 03:44

技能介绍

用途:claudedesignskills 是面向智能体的动效与创意编码技能套件,名称也是调用触发词。当项目需要 3D 场景、滚动动效、物理动画或 WebXR,且可能跨多个框架时使用;若只需单一框架,改用对应专用技能(如 gsap-skills、framer-motion-skills)以减小体积。后端或非视觉工作不适用。

主要能力:资料称其为最广泛的动效与创意编码技能套件,共 22 个技能、分 5 个 bundle,覆盖 Three.js 3D 场景、GSAP ScrollTrigger、React Three Fiber、Framer Motion、Babylon.js 游戏/XR 渲染、A-Frame WebXR、PixiJS 2D WebGL、Locomotive Scroll 平滑滚动、Barba.js 页面过渡、React Spring 物理动画、Magic UI 组件动画、AOS、Anime.js、Lottie 播放、Rive 交互式动画、Spline 3D,以及 Blender 到 Web 的流水线。

使用方式:先确认是否已安装——检查智能体的 skills 目录中是否有 claudedesignskills 且内容超出目录桩文件;已安装则直接调用。未安装时按所使用智能体执行:Claude Code 或 Cursor 等均执行 /plugin marketplace add freshtechbro/claudedesignskills,其他智能体同样执行该命令或参见 GitHub README。安装后以技能名 claudedesignskills 调用,触发词包括 "claudedesignskills"、"Babylon.js"、"A-Frame"、"PixiJS"、"React Spring"、"Locomotive Scroll"、"Rive"。

适用场景:需要多框架动效协作的前端可视化、3D 场景、滚动叙事、WebXR 与交互式动画项目。

限制:资料为目录桩,完整包在 freshtechbro/claudedesignskills;具体每个技能的能力边界、支持平台、版本与收费信息暂未提供。