구글의 Stitch를 활용해서 > shadcn/ui

shadcn/ui

구글의 Stitch를 활용해서 정보

구글의 Stitch를 활용해서

첨부파일

skin.html (4.2K) 4회 다운로드 2025-07-03 11:19:44
free.html (16.4K) 1회 다운로드 2025-07-03 11:19:44

본문

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

 

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

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

 

2886372021_1751508502.7994.png

 

다음과 같이 넣었더니 

2886372021_1751509074.4522.png

 

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

 

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

추천
2

댓글 1개

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

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

 

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

 

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

전체 55 |RSS
shadcn/ui 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT