스킬

디자인, 모션, 그리고 차이를 만드는 세부 요소를 위한 재사용 가능한 스킬을 살펴보세요.

스킬 둘러보기
—

Agency Grid Layout Minimal

Create a minimal agency design system with a disciplined editorial grid, oversized typography, quiet uppercase utility labels, restrained image blocks, and subtle structural detail.

—

Ambient Section Particles

Add a restrained particle atmosphere inside one section with configurable shapes, density, gravity, wind, sway, rotation, recycling or settling, pointer disturbance, visibility pausing, responsive limits, and reduced-motion fallbacks. Use for petals, leaves, snow, sparks, confetti, dots, paper, icons, or brand fragments that support a section's mood without obscuring content.

—

Animation On Scroll

Create an on-scroll animation trigger using IntersectionObserver with Tailwind-friendly animation classes and keyframes. Use when asked for scroll-reveal, animate-on-scroll, or sequencing element animations when they enter the viewport.

—

Animation Systems for Product-Grade Web Motion

Guides designing and implementing tasteful, high-performance product-grade web animation systems inspired by Stripe, Linear, Apple, and Vercel.

웹·UI 디자인 가이드

SaaS 또는 포트폴리오 참고 자료를 고르거나 원하는 페이지의 요구사항을 직접 작성하세요. 템플릿은 로그인 없이 미리 볼 수 있으며, 연결된 프롬프트는 요금제 권한에 따라 이용합니다. 아래 가이드는 별도의 무료 입력 예시와 결과 확인 방법을 제공합니다.