UI DESIGN LAB
  • 首页
  • 社区
  • 资源库
  • 知识库
  • 文档
EN登录

分类

全部技能723D2可访问性1动效6资产2组件1设计系统27图标2实现2布局6验证1阴影1风格9Three.js1WebGL11

最高使用

01作品解构结构母版10.0K02边框渐变9.9K03遮罩揭示8.9K04Aura 资产图像8.8K05框架网格布局4.8K

技能层

局部表现与技巧普通 Skill 负责布局、动效、资产、阴影和特殊表现;设计系统已移动到独立页面。

UI DESIGN LAB 技能库

Skill LibraryPrompt Skills72 Skills6 Shown

浏览可复用的普通 Prompt Skill。

这里保留局部技巧型 Skill:布局、动效、资产、WebGL、图标、阴影和组件表现。页面级 Design System 已拆成独立导航。

Skill Index

最常用 Prompt Skills

按记录使用量排序,帮助团队快速找到高频设计动作。

01作品解构结构母版02边框渐变03遮罩揭示04Aura 资产图像05框架网格布局
67 more skills below
Active Skills72
Groups14
Total Uses59.2K
AccessFree
Library

动效

重置筛选
动效8.9K uses

遮罩揭示

在滚动时使用 GSAP ScrollTrigger 创建遮罩式错落文字揭示。

在滚动时使用 GSAP ScrollTrigger 创建遮罩式错落文字揭示。Pro
动效1.7K uses

GSAP 动效

使用 GSAP timelines、stagger 和滚动触发动效。

使用 GSAP timelines、stagger 和滚动触发动效。Pro
动效55 uses

跑马灯

使用复制项创建无缝无限跑马灯循环。

使用复制项创建无缝无限跑马灯循环。Pro
动效9 uses

D3 交互式点云地球

基于 canvas 的交互式地球技术实现,使用正交投影和点云陆地形态。

基于 canvas 的交互式地球技术实现,使用正交投影和点云陆地形态。Pro
动效8 uses

大气环境光束与粒子系统

分层背景系统,结合动画 CSS 渐变光束和技术 canvas 粒子场。

分层背景系统,结合动画 CSS 渐变光束和技术 canvas 粒子场。Pro
动效0 uses

Motion React 动效

基于 Motion.dev 的 React 动效制作规则,覆盖 layout、exit、gesture、motion values、Radix/shadcn 集成和 reduced motion。

基于 Motion.dev 的 React 动效制作规则,覆盖 layout、exit、gesture、motion values、Radix/shadcn 集成和 reduced motion。Pro