WPF 애니메이션 기법을 웹으로 구현한 데모 컬렉션. 각 카드를 클릭하면 데모 페이지로 이동합니다.
WPF 애니메이션 기법을 디자인 템플릿으로 관리하고, 프롬프트 한 줄로 웹 페이지를 생성하는 Claude Code 전용 디자인 하네스입니다.
봄시즌이니 꽃이 날리는, 벚꽃이 흩날리는 등
봄과 관련된 wpf 애니메이션을 조사한 후
wpf 관리되는 펜슬 애니메이션 템플릿을 보강해줘
→ wpf-animation.pen CAT12 추가
웹에서 디자인 리소스 딥서칭해서
애니메이션에 어울릴만한 자료를 찾고
펜슬 템플릿에 반영해줘
→ 템플릿 품질 자동 강화
방금 작성한 wpf-봄시즌 애니메이션을 활용해
봄 애니메이션을 적극 활용하는
바닐라 JS 웹페이지를 만들어줘
→ sample00/ · 벚꽃·바람·bloom
지금까지 보유한 wpf-애니메이션 템플릿을
모두 활용해 선보이는 PlayGround 페이지를 만들고 싶습니다
룩앤필은 봄·여름·가을·겨울 균형있게
→ sample01/ · CAT1~12 전체 활용
음성파동 통합 컴포넌트를
펜슬-wpf-애니메이션을 활용해 구현
고객 챗봇·상담사 AI 콘솔·데이터센터 다이어그램
→ sample02/ · SVG Voice Wave
wpf-사이버펑크 HUB 패널을 이용
애니이펙트를 충만한 페이지 제작
사이버틱한 테마 5종을 분리해서 한화면 제공
→ sample03/ · 5 Themes · 6 FX
wpf SPACE ASTRAL 3d interface 참고
다양한 컨셉으로 우주를 표현
실제 태양계(케플러) + 가상 태양계(피보나치)
→ sample05/ · 4 Universes · Dual Solar
평화로운 젠가든 wpf템플릿 이용해
전쟁을 멈추고 평화를 기원하는 홈페이지 만들기
3D 지구본 + 도시 하트 + EN/KO 언어팩
→ sample04/ · Three.js Globe · 5 Zen FX
WPF RPG 애니템플릿을 적극 채택해
게임 랜딩 페이지작성 — 요르단의 반지
히어로카드 이펙트 + 퍼즐게임 + 크라우드펀딩
→ sample06/ · 3D Ring · Puzzle Game
디자인 샘플 배포준비해주세요
디자인 샘플 퍼블리싱 해주세요
→ GitHub Pages 자동 배포