带有标签“动效设计”的 Skills

high-end-visual-design - 首席 UI/UX 架构师与动态编排师
ui-ux 视觉设计 tailwind-css 前端
★ 0 · 更新于 2026-09-23
定义字体、间距、组件架构、流体动效与禁忌模式，用于构建高端网页界面。
⚙ 强制执行禁忌设计模式 ⚙ 选择风格与布局原型 ⚙ 构建双边框嵌套组件
high-end-visual-design - 首席 UI/UX 架构师与动态编排
UI设计 UX架构 TailwindCSS 动效设计
★ 25 · 更新于 2026-09-23
定义高端网页设计的排版、间距、卡片结构、动画与布局规则，同时禁止通用的设计默认值。
⚙ 执行严格的反模式设计规则 ⚙ 应用视觉氛围与布局原型 ⚙ 构建双边框嵌套组件
high-end-visual-design - 高端机构级 UI/UX 与动态视觉设计指南。
UI设计 UX设计前端开发 TailwindCSS
★ 7 · 更新于 2026-09-23
定义视觉规范、布局原型、微交互与动画标准，用于构建高端 Web 用户界面。
⚙ 拦截通用平庸 UI 默认样式 ⚙ 选择创意视觉氛围与布局原型 ⚙ 构建双边框嵌套卡片容器
high-end-visual-design - 首席 UI/UX 架构师与动态编排师
UI设计 UX设计 Tailwind-CSS 动画设计
★ 0 · 更新于 2026-09-23
定义高端 UI 设计规范，涵盖空间布局、双边框组件架构、流畅动态编排与严格的违禁样式规则。
⚙ 强制执行设计违禁模式 ⚙ 应用动态视觉布局原型 ⚙ 构建双边框卡片架构
design-motion-principles - UI动效与交互设计审计技能
动效设计 UI审计动画交互设计
★ 0 · 更新于 2026-09-21
基于特定设计师技巧与上下文权重评估 UI 动画与交互动效。
⚙ 收集项目上下文与已有动画 ⚙ 识别缺失的 UI 动效缺口 ⚙ 建议设计师视角权重
interaction-design - 交互设计与微交互
交互设计微交互动效设计过渡效果
★ 0 · 更新于 2026-09-19
设计并实现微交互、动效设计、状态过渡与用户反馈模式。
⚙ 添加微交互 ⚙ 实现平滑过渡 ⚙ 设计加载状态
interaction-design - 交互设计
交互设计微交互动效设计过渡动画
★ 0 · 更新于 2026-09-19
设计与实现微交互、动效设计、状态过渡以及用户反馈模式。
⚙ 添加微交互增强用户反馈 ⚙ 实现页面与组件平滑过渡 ⚙ 设计加载状态和骨架屏
interaction-design - 设计并实现用户界面微交互与动效
UI设计微交互动效设计 framer-motion
★ 0 · 更新于 2026-09-19
设计并实现微交互、动效设计、页面及组件过渡与用户反馈模式。
⚙ 添加微交互 ⚙ 实现组件过渡 ⚙ 设计加载状态
interaction-design - 设计与实现微交互和动效设计
交互设计微交互动效设计界面过渡
★ 0 · 更新于 2026-09-19
设计与实现 UI 微交互、动效、过渡效果及用户反馈模式。
⚙ 添加微交互增强用户反馈 ⚙ 实现页面与组件过渡 ⚙ 设计加载状态与骨架屏
interaction-design - 设计微交互、动效及 UI 过渡效果
交互设计微交互动效设计过渡效果
★ 0 · 更新于 2026-09-19
设计与实现微交互、动效设计、过渡效果及用户反馈模式。
⚙ 添加微交互 ⚙ 实现页面与组件过渡 ⚙ 设计加载状态与骨架屏
design-motion-principles - 根据上下文原则构建与审计UI界面动效。
动效设计 UI动画 Framer Motion CSS动画
★ 1 · 更新于 2026-09-17
提供基于上下文权重的UI动效设计原则，用于构建交互式动效组件或对现有UI动画进行质量审计并生成HTML报告。
⚙ 构建交互式动效组件 ⚙ 审计现有UI界面动画 ⚙ 生成HTML格式动效报告
motion-design - 动画与动态设计工程指南与最佳实践
动态设计 UI动画 CSS过渡弹簧物理
★ 0 · 更新于 2026-09-15
提供用于 UI 动态设计的缓动曲线、时长表、弹簧物理、决策框架与性能优化指导。
⚙ 指导 UI 动画决策 ⚙ 提供自定义缓动曲线 ⚙ 定义动画时长规则
creative-director - 创意总监：动画愿景与领导力
动画创意指导动态设计迪士尼原则
★ 650 · 更新于 2026-09-14
监督动画愿景，制定动态创作方向，并在动画质量和一致性方面指导团队。
⚙ 制定动态创作方向 ⚙ 应用迪士尼12条动画原则 ⚙ 创建动态情绪板
anime-js - Anime.js动画原则实现
动画网页开发 JavaScript UI效果
★ 86 · 更新于 2026-02-23
使用Anime.js库实现迪士尼12个动画原则
⚙ 创建挤压拉伸动画 ⚙ 实现预备动作效果 ⚙ 应用舞台布置技术