바이브 코딩용 재미있는 크롬 확장자.jpg
DINKIssTyle

Lv.1 DINKIssTyle (61.♡.73.102)

2026년 4월 17일 PM 02:58

조회 2,723 공감 0

TypeUI 설정을 기반으로 디자인 청사진에서 페이지 스타일을 추출하고 DESIGN.md 또는 SKILL.md 파일을 생성합니다.

이 크롬 확장 프로그램은 모든 웹사이트에서 스타일을 추출하고 Google Stitch, Claude Code, Codex 등의 AI 개발 도구에서 사용할 수 있는 DESIGN.md 또는 SKILL.md 파일을 생성합니다. 이 알고리즘은 CSS 변수를 감지하고 콘텐츠와 요소를 기반으로 웹사이트의 디자인 프로필을 생성합니다.

https://chromewebstore.google.com/detail/ogpdnchdjiibhobphelbbkemnnemkfma?utm_source=item-share-cb

다모앙에서 뽑아보고, 제미나이3플래시와 GPT5.4에 시켜보았습니다.

다음은 Codex GPT 5.4 입니다.

오.. 재미있네요.

웹사이트를 복사한다기 보다.

스타일과 톤 등을 참고해

비슷한 느낌으로 재해석되어 탄생되는 그런거 같습니다.

댓글 (5)

  • 남극백곰

    남극백곰 Lv.1

    04.17 · 223.♡.79.250

    전 로컬모델만 사용해 봐서 모르지만 코덱스나 지피티 클로드 이런거 확실히 좋은거죠???? 같은 3만원인데 클로드랑 코덱스 토큰은 엄청 녹아내린다고 해서 무서워서 몬 쓰고 있어요

  • DINKIssTyle

    DINKIssTyle Lv.1 → 남극백곰 작성자

    04.17 · 61.♡.73.102

    코덱스는 현재 토큰 되게 많이 주고있습니다. 두배 이벤트가 아직 진행중인가 싶습니다.

    현재 안티그래비티는 제미나이3플래시나 쓰고...

    계속 주 제한 걸려서 일주일에 한번씩 제미나이3프로, 클로드 오푸스 돌리고 뭐 그러고 있습니다. ㅠㅠ

  • 남극백곰

    남극백곰 Lv.1 → DINKIssTyle

    04.17 · 223.♡.79.250

    돈 안쓰면 바이브코딩 하지 말라는 거죠??? ㅠㅠ 답답해도 로컬모델 계속 유지해야 겠어요

  • 사미사

    사미사 Lv.1

    04.17 · 221.♡.175.185

    여전히 ai스럽지만 이제는 그 ai스러운 디자인에 적응되는거 같아요. ㄷㄷ

    설치해서 써봐야겠네요.

  • DINKIssTyle

    DINKIssTyle Lv.1 → 사미사 작성자

    04.17 · 61.♡.73.102

    어우 저정도만 잡아줘도 땡큐죠~ ㅎㅎ

댓글을 작성하려면 이 필요합니다.