·to-spring-or-not-to-spring
</>

to-spring-or-not-to-spring

raphaelsalaja/userinterface-wiki

완화 곡선과 스프링 중에서 선택하기 위한 결정 프레임워크입니다. 애니메이션을 구현하거나, 잘못된 느낌이 드는 모션을 디버깅하거나, 타이밍 기능을 선택할 때 사용합니다. CSS 전환, 큐빅 베지어, 스프링 물리학, 제스처 애니메이션 또는 모션 라이브러리 구성과 관련된 작업을 트리거합니다.

109설치·0트렌드·@raphaelsalaja

설치

$npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill to-spring-or-not-to-spring

SKILL.md

Easing curves and springs are not interchangeable—they come from different ways of thinking about motion and play different roles in an interface.

Ask: Is this motion reacting to the user, or is the system speaking?

| User-driven (drag, flick, gesture) | Spring | Survives interruption, preserves velocity | | System-driven (state change, feedback) | Easing | Clear start/end, predictable timing | | Time representation (progress, loading) | Linear | 1:1 relationship between time and progress |

완화 곡선과 스프링 중에서 선택하기 위한 결정 프레임워크입니다. 애니메이션을 구현하거나, 잘못된 느낌이 드는 모션을 디버깅하거나, 타이밍 기능을 선택할 때 사용합니다. CSS 전환, 큐빅 베지어, 스프링 물리학, 제스처 애니메이션 또는 모션 라이브러리 구성과 관련된 작업을 트리거합니다. 출처: raphaelsalaja/userinterface-wiki.

원본 보기

인용 가능한 정보

AI/검색 인용용 안정적인 필드와 명령어.

설치 명령어
npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill to-spring-or-not-to-spring
카테고리
</>개발 도구
인증됨
최초 등록
2026-02-01
업데이트
2026-02-18

빠른 답변

to-spring-or-not-to-spring이란?

완화 곡선과 스프링 중에서 선택하기 위한 결정 프레임워크입니다. 애니메이션을 구현하거나, 잘못된 느낌이 드는 모션을 디버깅하거나, 타이밍 기능을 선택할 때 사용합니다. CSS 전환, 큐빅 베지어, 스프링 물리학, 제스처 애니메이션 또는 모션 라이브러리 구성과 관련된 작업을 트리거합니다. 출처: raphaelsalaja/userinterface-wiki.

to-spring-or-not-to-spring 설치 방법은?

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill to-spring-or-not-to-spring 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다

소스 저장소는 어디인가요?

https://github.com/raphaelsalaja/userinterface-wiki