UI DESIGN LAB
  • Home
  • Community
  • Library
  • Knowledge
  • Docs
ZHLogin

Groups

All skills723D2Accessibility1Animation6Asset2Component1Design System27Icon2Implementation2Layout6QA1Shadow1Style9Three.js1WebGL11

Most Used

01Work Breakdown Structure Master10.0K02Border Gradients9.9K03Masked Reveal8.9K04Aura Asset Images8.8K05Framed Grid Layout4.8K

Skill Layer

Local expression and techniquesSpecial Skills handle layout, motion, assets, shadows, and local expression. Design Systems now live on their own page.

UI DESIGN LAB Skill Library

Skill LibraryPrompt Skills72 Skills6 Shown

Browse reusable special Prompt Skills.

This library now focuses on local techniques: layout, motion, assets, WebGL, icons, shadows, and component treatments. Page-level Design Systems have their own navigation.

Skill Index

Most-used prompt skills

Ranked by recorded usage so teams can find high-frequency design moves quickly.

01Work Breakdown Structure Master02Border Gradients03Masked Reveal04Aura Asset Images05Framed Grid Layout
67 more skills below
Active Skills72
Groups14
Total Uses59.2K
AccessFree
Library

Animation

Reset filters
Animation8.9K uses

Masked Reveal

Create masked staggered word reveal on scroll with GSAP ScrollTrigger.

Create masked staggered word reveal on scroll with GSAP ScrollTrigger.Pro
Animation1.7K uses

GSAP Motion

Use GSAP timelines, stagger, and scroll-triggered motion.

Use GSAP timelines, stagger, and scroll-triggered motion.
Pro
Animation55 uses

Marquee

Apply seamless infinite marquee loops using duplicated items.

Apply seamless infinite marquee loops using duplicated items.Pro
Animation9 uses

D3 Interactive Point-Cloud Globe

Technical implementation of a canvas-based interactive globe using orthographic projection and point-cloud landmasses.

Technical implementation of a canvas-based interactive globe using orthographic projection and point-cloud landmasses.Pro
Animation8 uses

Atmospheric Ambient Ray & Particle System

A layered background system combining animated CSS gradient rays with a technical canvas-backed particle field.

A layered background system combining animated CSS gradient rays with a technical canvas-backed particle field.Pro
Animation0 uses

Motion React

React animation guidance based on Motion.dev, covering layout, exit, gestures, motion values, Radix/shadcn integration, and reduced motion.

React animation guidance based on Motion.dev, covering layout, exit, gestures, motion values, Radix/shadcn integration, and reduced motion.Pro