흩어진 디자인 영감을 복붙용 DESIGN.md와 shadcn 토큰으로 정리했어요. 용도만 고르면 프로급 톤이 바로 입혀져요. AI 코딩 툴에 그대로 붙이면 끝이에요.
용도와 스타일을 고르면 같은 화면이 그 톤으로 바뀌어요. 마음에 들면 아래 "이렇게 지시" 문구를 복사해서 쓰세요.
무엇을 찾는지에 따라 여섯 개 도구 중 하나를 바로 열면 됩니다.
화면에 보이는 요소의 이름·쓰임·구현 단서를 56개 카드로 찾습니다.
HTML·디자인 기법과 바로 쓸 "이렇게 지시" 문구를 찾습니다.
같은 화면을 다른 톤으로 비교하고, 만들 화면의 분위기를 고릅니다.
화면에 적용할 모션·배경·시각 효과를 라이브로 보고 가져갑니다.
제품별 UI 시스템과 실제 토큰을 비교해 화면의 기준을 잡습니다.
실제 서비스의 디자인 시스템과 화면 맥락을 모아 참고합니다.
포트폴리오·랜딩·덱… 목적만 고르세요.
프리셋·효과를 고르면 내 화면에 바로 반영돼요.
"이렇게 지시"를 복사해 AI에 전달하거나 그대로 발행해요.