구글의 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에서 기본적으로 지원되는 테마를 초기에는 사용하고,  필요하면 나중에 테마도 수정하면 될 것 같습니다.

 

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

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

shadcn/ui

+
제목 글쓴이 날짜 조회
5개월 전 조회 151
5개월 전 조회 155
5개월 전 조회 191
5개월 전 조회 228
5개월 전 조회 148
5개월 전 조회 141
5개월 전 조회 135
5개월 전 조회 137
5개월 전 조회 160
5개월 전 조회 257
5개월 전 조회 358
5개월 전 조회 244
5개월 전 조회 249
5개월 전 조회 240
6개월 전 조회 230
6개월 전 조회 225
6개월 전 조회 239
6개월 전 조회 255
6개월 전 조회 250
6개월 전 조회 230
6개월 전 조회 254
6개월 전 조회 257
6개월 전 조회 374
6개월 전 조회 420
6개월 전 조회 389
6개월 전 조회 376
6개월 전 조회 223
6개월 전 조회 227
6개월 전 조회 242
6개월 전 조회 419
🐛 버그신고