구글의 Stitch를 활용해서

Stitch https://stitch.withgoogle.com/  를 활용해서 디자인 하는 방법입니다.

 

사진과 같이 특정 부분 "스킨"이 될 만한 곳을 캡쳐해서,   스티치에 우측 상단에 Experimental Mode를 누르면,  사진을 첨가할 수 있게 나옵니다.

그리고 디자인에 대해서 자세히 설명을 하면 됩니다.

 

2886372021_1751508502.7994.png

 

다음과 같이 넣었더니 

2886372021_1751509074.4522.png

 

첨부 파일 skin.html 이 만들어 졌습니다.

 

자유게시판을 클릭했을 때도 추가로 만들어 봤습니다. 첨부파일 2 :ree.html

첨부파일

skin.html (4.2 KB) 4회 2025-07-03 11:19
free.html (16.4 KB) 1회 2025-07-03 11:19
|

댓글 1개

다음 단계는 이렇게 만들어진 html 파일을 가지고,  다른 AI에게 shadcn/ui를 사용해서 변경을 해 달라고 하는 것입니다.
 

그러고 위와 같은 모듈(스킨)을 Sir_component에 넣어서 불러 쓰면 되지 않을 까 예상합니다.

 

shadcn/ui에서 기본적으로 지원되는 테마를 초기에는 사용하고,  필요하면 나중에 테마도 수정하면 될 것 같습니다.

 

많은 모듈을 만들어서 이 소모임에 올려주세요

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기
🐛 버그신고