animate
Skill为界面设计和实现动画,改善交互反馈与过渡效果。
为你的 Agent,找到合适的能力。
为界面设计和实现动画,改善交互反馈与过渡效果。
先设计移动端界面,再实现为 React Native 或 HTML 页面。
以设计品味和工程约束构建前端界面,优化布局、字体和视觉细节。
从现有界面提取设计系统,整理配色、字体、组件与样式规范。
集成 Figma 设计平台,访问设计文件、提取组件和设计令牌,并将设计转为代码,衔接设计与开发流程。
创建具有鲜明风格和较高设计质量的前端界面,生成精细的代码,避免通用 AI 模板化审美。
构建可用于生产的响应式界面,处理组件、布局、状态与 WCAG 无障碍要求。
使用 GSAP 核心 API 创建补间动画,并控制属性与播放行为。
在 Vue、Svelte 等非 React 框架中使用 GSAP,管理生命周期、选择器作用域与清理。
使用 GSAP 插件实现滚动、拖拽、文字、SVG 与物理动效,并处理插件注册。
在 React 或 Next.js 中使用 GSAP,处理 useGSAP、引用、作用域与卸载清理。
使用 GSAP ScrollTrigger 创建滚动联动、视差、固定区块和进度驱动动画。
使用 GSAP 时间线编排动画顺序、嵌套片段、位置参数与播放控制。
依据截图或图像实现对应界面,匹配布局、样式和组件。
使用妙搭(Spark/Miaoda)构建全栈应用,完成界面、集成、托管和运行排查;不用于普通云盘或文档操作。
在 Cursor 中使用 Magic Patterns 制作原型、生成界面灵感、上传本地界面,并将设计集成到代码库。
打磨界面的动画、悬停、阴影、边框、字体、图标与微交互,支持快速或完整审查。
使用 shadcn/ui 组件构建和调整界面,处理样式与组件组合。
使用 Tailwind CSS v4、设计 Token、组件库和响应式模式构建可扩展设计系统。
为网站和应用提供 UI / UX 设计方案,涵盖布局、配色、字体与实现建议。
目录展示普通收录;适用范围和安装依据请查看详情。