✭21st.dev ✭AI 에이전트 레지스트리와 UI 컴포넌트 마켓플레이스. Claude Code 작업 때 자주 씁니다. ✭https://21st.dev/ ✢https://www.linkedin.com/posts/jyoung105_%EC%A0%9C%EA%B0%80-%EC%A2%8B%EC%95%84%ED%95%98%EB%8A%94-ai-%EB%94%94%EC%9E%90%EC%9D%B8-%EA%B4%80%EB%A0%A8-%EB%A0%88%ED%8D%BC%EB%9F%B0%EC%8A%A4%EB%A5%BC-%EB%AA%A8%EB%91%90-%EB%AA%A8%EC%95%98%EC%8A%B5%EB%8B%88%EB%8B%A4-ai-%EC%8B%9C%EB%8C%80-activity-7459140357981868032-er7a?utm_source=share&utm_medium=member_desktop&rcm=ACoAAF77FU8BB3Jcfg-hj_5GW5hM3Rj6g0E04ao

✭transitions.dev ✭웹 앱용 CSS 와 React 트랜지션 컬렉션. 복붙 하나로 프로젝트에 바로 적용됩니다. ✭https://transitions.dev/ ✢https://www.linkedin.com/posts/jyoung105_%EC%A0%9C%EA%B0%80-%EC%A2%8B%EC%95%84%ED%95%98%EB%8A%94-ai-%EB%94%94%EC%9E%90%EC%9D%B8-%EA%B4%80%EB%A0%A8-%EB%A0%88%ED%8D%BC%EB%9F%B0%EC%8A%A4%EB%A5%BC-%EB%AA%A8%EB%91%90-%EB%AA%A8%EC%95%98%EC%8A%B5%EB%8B%88%EB%8B%A4-ai-%EC%8B%9C%EB%8C%80-activity-7459140357981868032-er7a?utm_source=share&utm_medium=member_desktop&rcm=ACoAAF77FU8BB3Jcfg-hj_5GW5hM3Rj6g0E04ao

✭Refero Styles ✭AI 에이전트용 디자인 시스템 라이브러리. 브랜드나 URL 로 검색하면 DESIGN.md 를 바로 뽑아줍니다. ✭https://lnkd.in/gPUfBdnw ✢https://www.linkedin.com/posts/jyoung105_%EC%A0%9C%EA%B0%80-%EC%A2%8B%EC%95%84%ED%95%98%EB%8A%94-ai-%EB%94%94%EC%9E%90%EC%9D%B8-%EA%B4%80%EB%A0%A8-%EB%A0%88%ED%8D%BC%EB%9F%B0%EC%8A%A4%EB%A5%BC-%EB%AA%A8%EB%91%90-%EB%AA%A8%EC%95%98%EC%8A%B5%EB%8B%88%EB%8B%A4-ai-%EC%8B%9C%EB%8C%80-activity-7459140357981868032-er7a?utm_source=share&utm_medium=member_desktop&rcm=ACoAAF77FU8BB3Jcfg-hj_5GW5hM3Rj6g0E04ao

✭Montage Design System ✭원티드랩의 제품 디자인 시스템. 브랜드, 타이포그래피, 컴포넌트, UI 패턴이 공개되어 있습니다. ✭https://lnkd.in/gmeam5u9 ✢https://www.linkedin.com/posts/jyoung105_%EC%A0%9C%EA%B0%80-%EC%A2%8B%EC%95%84%ED%95%98%EB%8A%94-ai-%EB%94%94%EC%9E%90%EC%9D%B8-%EA%B4%80%EB%A0%A8-%EB%A0%88%ED%8D%BC%EB%9F%B0%EC%8A%A4%EB%A5%BC-%EB%AA%A8%EB%91%90-%EB%AA%A8%EC%95%98%EC%8A%B5%EB%8B%88%EB%8B%A4-ai-%EC%8B%9C%EB%8C%80-activity-7459140357981868032-er7a?utm_source=share&utm_medium=member_desktop&rcm=ACoAAF77FU8BB3Jcfg-hj_5GW5hM3Rj6g0E04ao

✯diagram-design ✯Claude Code 용 13가지 에디토리얼 다이어그램 타입. 그림자 없고 Mermaid 없이 HTML + SVG 로 뽑아줍니다. ✯https://lnkd.in/gm6HhARd ✢https://www.linkedin.com/posts/jyoung105_%EC%A0%9C%EA%B0%80-%EC%A2%8B%EC%95%84%ED%95%98%EB%8A%94-ai-%EB%94%94%EC%9E%90%EC%9D%B8-%EA%B4%80%EB%A0%A8-%EB%A0%88%ED%8D%BC%EB%9F%B0%EC%8A%A4%EB%A5%BC-%EB%AA%A8%EB%91%90-%EB%AA%A8%EC%95%98%EC%8A%B5%EB%8B%88%EB%8B%A4-ai-%EC%8B%9C%EB%8C%80-activity-7459140357981868032-er7a?utm_source=share&utm_medium=member_desktop&rcm=ACoAAF77FU8BB3Jcfg-hj_5GW5hM3Rj6g0E04ao

✯Font of Web ✯실제 웹에서 폰트와 디자인 레퍼런스를 찾아주는 AI 기반 영감 피드입니다 . ✯https://fontofweb.com/ ✢https://www.linkedin.com/posts/jyoung105_%EC%A0%9C%EA%B0%80-%EC%A2%8B%EC%95%84%ED%95%98%EB%8A%94-ai-%EB%94%94%EC%9E%90%EC%9D%B8-%EA%B4%80%EB%A0%A8-%EB%A0%88%ED%8D%BC%EB%9F%B0%EC%8A%A4%EB%A5%BC-%EB%AA%A8%EB%91%90-%EB%AA%A8%EC%95%98%EC%8A%B5%EB%8B%88%EB%8B%A4-ai-%EC%8B%9C%EB%8C%80-activity-7459140357981868032-er7a?utm_source=share&utm_medium=member_desktop&rcm=ACoAAF77FU8BB3Jcfg-hj_5GW5hM3Rj6g0E04ao

https://www.cofolios.com/

https://www.awwwards.com/websites/sites_of_the_month/

✭carousel ✭https://ui.shadcn.com/docs/components/radix/carousel

✭components ✭https://ui.shadcn.com/docs/components

✯Mockup ✯https://studio.morflax.com/

아마존 텍스트 https://www.visiteamazonia.com.br/

✯pxd 이재용, UX를 말하다 ✯https://design.co.kr/article/36781/

https://m.cafe.daum.net/eagles/_rec

https://www.meshy.ai/ko

Image to MEsh Gradient https://photogradient.com/

✯Shortcut ✯https://www.figma.com/blog/

gradflow https://gradflow.meera.dev/#installation

Design Principles 01. Story Before Screens 화면보다 먼저 경험을 설계한다. 02. Design With Emotion 기능뿐 아니라 감정을 남긴다. 03. Brand Meets Product 브랜드 경험을 제품 안으로 확장한다.

✶https://mobbin.com/