<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
<channel>
<title>AI_23yellow &amp;gt; 커뮤니티 &amp;gt; AI Skill 디자인</title>
<link>https://ai.23yellow.com/ai_skill_design</link>
<language>ko</language>
<description>AI Skill 디자인 (2026-09-12 01:32:17)</description>

<item>
<title>AI 이미지 생성의 한계가 또 한 번 무너졌습니다 | GPT 이미지 2.5</title>
<link>https://ai.23yellow.com/ai_skill_design/ai-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%83%9D%EC%84%B1%EC%9D%98-%ED%95%9C%EA%B3%84%EA%B0%80-%EB%98%90-%ED%95%9C-%EB%B2%88-%EB%AC%B4%EB%84%88%EC%A1%8C%EC%8A%B5%EB%8B%88%EB%8B%A4/</link>
<description><![CDATA[
<span style="font-size:14px;color:#181818;">GPT 이미지가 2.5로 업그레이드되며 다시 한 번 큰 변화를 보여주고 있습니다. </span>
<span style="font-size:14px;color:#181818;">AI 이미지 생성이 어디까지 발전했는지, 이번 업데이트가 만들어낸 변화를 살펴봅니다.</span>]]></description>
<dc:creator>최고관리자</dc:creator>
<dc:date>2026-09-12T01:32:17+09:00</dc:date>
</item>


<item>
<title>클로드 코드 /design 업데이트! 클릭으로 레이아웃 손쉽게 수정.</title>
<link>https://ai.23yellow.com/ai_skill_design/%ED%81%B4%EB%A1%9C%EB%93%9C-%EC%BD%94%EB%93%9C-design-%EC%97%85%EB%8D%B0%EC%9D%B4%ED%8A%B8-%ED%81%B4%EB%A6%AD%EC%9C%BC%EB%A1%9C-%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83-%EC%86%90%EC%89%BD%EA%B2%8C-%EC%88%98%EC%A0%95/</link>
<description><![CDATA[
클로드 코드에 지난주(8월 셋째 주) 리서치 프리뷰로 들어온 /design 명령을 끝까지 검증했습니다.

**이 영상에서 확인한 것**
· /design 한 줄 → 앱 화면·포스터 시안을 그려서 편집 가능한 캔버스 링크로 발행
· 링크를 연 사람은 누구든 클릭으로 색·문구를 직접 수정, Save 하면 새 버전 저장
· 수정 내역을 Claude가 diff로 회수 — 어떤 색을 어떤 색으로 바꿨는지 16진수 값까지 정확히 파악
· 실제로 쓰는 영상 컴포넌트로 실험: 캔버스에서 고친 값이 진짜 코드에 반영되고 다음 렌더부터 적용

**사용 조건**
· 유료 플랜 전용 (Pro · Max · Team — Free 불가, 구독 별도)
· 리서치 프리뷰 — 웹 버전(claude.ai/design)보다 기능이 적음]]></description>
<dc:creator>최고관리자</dc:creator>
<dc:date>2026-09-03T00:42:11+09:00</dc:date>
</item>


<item>
<title>클로드 디자인 + 코드 최강 조합으로 움직이는 고퀄 홈페이지 만드는법 | AI 웹사이트 제작</title>
<link>https://ai.23yellow.com/ai_skill_design/%ED%81%B4%EB%A1%9C%EB%93%9C-%EB%94%94%EC%9E%90%EC%9D%B8-%EC%BD%94%EB%93%9C-%EC%B5%9C%EA%B0%95-%EC%A1%B0%ED%95%A9%EC%9C%BC%EB%A1%9C-%EC%9B%80%EC%A7%81%EC%9D%B4%EB%8A%94-%EA%B3%A0%ED%80%84/</link>
<description><![CDATA[
코딩 한 줄도 안 했습니다. 클로드로 30분 만에 홈페이지 만드는 법
개발자 없어도 됩니다. 디자인 몰라도 됩니다.
클로드 두 개만 있으면 애니메이션까지 들어간 홈페이지를 완성할 수 있어요.

▶ 이 영상에서 배우는 것
핀터레스트 레퍼런스로 AI 디자인 퀄리티 확 높이는 법
클로드 디자인으로 예쁜 사이트 뽑는 법
클로드 코드로 진짜 작동하는 홈페이지 만드는 법
토큰 아끼면서 디자인 무한 수정하는 법 (트윅스 활용)
애니메이션까지 한 번에 넣는 법
앞에서 만든 디자인이 다음 단계 재료가 되는 구조예요.
따로따로 만드는 게 아니라 하나의 흐름으로 완성하는 겁니다.

[<span class="ytAttributedStringLinkInheritColor" style="margin:0px;padding:0px;border:0px;background:rgba(255,255,255,0.1);font-family:Roboto, Arial, sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:pre-wrap;color:rgb(62,166,255);">#클로드</span>](https://www.youtube.com/hashtag/%ED%81%B4%EB%A1%9C%EB%93%9C)<span class="ytAttributedStringLinkInheritColor" style="margin:0px;padding:0px;border:0px;background:rgba(255,255,255,0.1);font-family:Roboto, Arial, sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:pre-wrap;color:rgb(255,255,255);"> </span>[<span class="ytAttributedStringLinkInheritColor" style="margin:0px;padding:0px;border:0px;background:rgba(255,255,255,0.1);font-family:Roboto, Arial, sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:pre-wrap;color:rgb(62,166,255);">#클로드디자인</span>](https://www.youtube.com/hashtag/%ED%81%B4%EB%A1%9C%EB%93%9C%EB%94%94%EC%9E%90%EC%9D%B8)<span class="ytAttributedStringLinkInheritColor" style="margin:0px;padding:0px;border:0px;background:rgba(255,255,255,0.1);font-family:Roboto, Arial, sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:pre-wrap;color:rgb(255,255,255);"> </span>[<span class="ytAttributedStringLinkInheritColor" style="margin:0px;padding:0px;border:0px;background:rgba(255,255,255,0.1);font-family:Roboto, Arial, sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:pre-wrap;color:rgb(62,166,255);">#클로드코드</span>](https://www.youtube.com/hashtag/%ED%81%B4%EB%A1%9C%EB%93%9C%EC%BD%94%EB%93%9C)<span class="ytAttributedStringLinkInheritColor" style="margin:0px;padding:0px;border:0px;background:rgba(255,255,255,0.1);font-family:Roboto, Arial, sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:pre-wrap;color:rgb(255,255,255);"> </span>[<span class="ytAttributedStringLinkInheritColor" style="margin:0px;padding:0px;border:0px;background:rgba(255,255,255,0.1);font-family:Roboto, Arial, sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:pre-wrap;color:rgb(62,166,255);">#AI홈페이지</span>](https://www.youtube.com/hashtag/ai%ED%99%88%ED%8E%98%EC%9D%B4%EC%A7%80)<span class="ytAttributedStringLinkInheritColor" style="margin:0px;padding:0px;border:0px;background:rgba(255,255,255,0.1);font-family:Roboto, Arial, sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:pre-wrap;color:rgb(255,255,255);"> </span>[<span class="ytAttributedStringLinkInheritColor" style="margin:0px;padding:0px;border:0px;background:rgba(255,255,255,0.1);font-family:Roboto, Arial, sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:pre-wrap;color:rgb(62,166,255);">#코딩없이홈페이지</span>](https://www.youtube.com/hashtag/%EC%BD%94%EB%94%A9%EC%97%86%EC%9D%B4%ED%99%88%ED%8E%98%EC%9D%B4%EC%A7%80)<span class="ytAttributedStringLinkInheritColor" style="margin:0px;padding:0px;border:0px;background:rgba(255,255,255,0.1);font-family:Roboto, Arial, sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:pre-wrap;color:rgb(255,255,255);"> </span>[<span class="ytAttributedStringLinkInheritColor" style="margin:0px;padding:0px;border:0px;background:rgba(255,255,255,0.1);font-family:Roboto, Arial, sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:pre-wrap;color:rgb(62,166,255);">#AI사이트제작</span>](https://www.youtube.com/hashtag/ai%EC%82%AC%EC%9D%B4%ED%8A%B8%EC%A0%9C%EC%9E%91)<span class="ytAttributedStringLinkInheritColor" style="margin:0px;padding:0px;border:0px;background:rgba(255,255,255,0.1);font-family:Roboto, Arial, sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:pre-wrap;color:rgb(255,255,255);"> </span>[<span class="ytAttributedStringLinkInheritColor" style="margin:0px;padding:0px;border:0px;background:rgba(255,255,255,0.1);font-family:Roboto, Arial, sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:pre-wrap;color:rgb(62,166,255);">#홍아린</span>](https://www.youtube.com/hashtag/%ED%99%8D%EC%95%84%EB%A6%B0)<span class="ytAttributedStringLinkInheritColor" style="margin:0px;padding:0px;border:0px;background:rgba(255,255,255,0.1);font-family:Roboto, Arial, sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:pre-wrap;color:rgb(255,255,255);"> </span>[<span class="ytAttributedStringLinkInheritColor" style="margin:0px;padding:0px;border:0px;background:rgba(255,255,255,0.1);font-family:Roboto, Arial, sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:pre-wrap;color:rgb(62,166,255);">#AI활용법</span>](https://www.youtube.com/hashtag/ai%ED%99%9C%EC%9A%A9%EB%B2%95)<span class="ytAttributedStringLinkInheritColor" style="margin:0px;padding:0px;border:0px;background:rgba(255,255,255,0.1);font-family:Roboto, Arial, sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:pre-wrap;color:rgb(255,255,255);"> </span>[<span class="ytAttributedStringLinkInheritColor" style="margin:0px;padding:0px;border:0px;background:rgba(255,255,255,0.1);font-family:Roboto, Arial, sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:pre-wrap;color:rgb(62,166,255);">#1인사업자AI</span>](https://www.youtube.com/hashtag/1%EC%9D%B8%EC%82%AC%EC%97%85%EC%9E%90ai)<span class="ytAttributedStringLinkInheritColor" style="margin:0px;padding:0px;border:0px;background:rgba(255,255,255,0.1);font-family:Roboto, Arial, sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:pre-wrap;color:rgb(255,255,255);"> </span>[<span class="ytAttributedStringLinkInheritColor" style="margin:0px;padding:0px;border:0px;background:rgba(255,255,255,0.1);font-family:Roboto, Arial, sans-serif;font-size:14px;font-style:normal;font-weight:400;letter-spacing:normal;text-indent:0px;text-transform:none;word-spacing:0px;white-space:pre-wrap;color:rgb(62,166,255);">#무료홈페이지제작</span>](https://www.youtube.com/hashtag/%EB%AC%B4%EB%A3%8C%ED%99%88%ED%8E%98%EC%9D%B4%EC%A7%80%EC%A0%9C%EC%9E%91)]]></description>
<dc:creator>최고관리자</dc:creator>
<dc:date>2026-09-03T00:37:56+09:00</dc:date>
</item>


<item>
<title>클로드 코드로 10분 만에 역대급 디자인의 웹사이트 만드는법 (feat. Variant)</title>
<link>https://ai.23yellow.com/ai_skill_design/%ED%81%B4%EB%A1%9C%EB%93%9C-%EC%BD%94%EB%93%9C%EB%A1%9C-10%EB%B6%84-%EB%A7%8C%EC%97%90-%EC%97%AD%EB%8C%80%EA%B8%89-%EB%94%94%EC%9E%90%EC%9D%B8%EC%9D%98-%EC%9B%B9%EC%82%AC%EC%9D%B4%ED%8A%B8-%EB%A7%8C%EB%93%9C%EB%8A%94%EB%B2%95/</link>
<description><![CDATA[
🚀 "텐빌더의 일잘러를 위한 클로드 코드 입문 바이블" 강의
[https://bit.ly/Claudebible30_open](https://bit.ly/Claudebible30_open)

👇 현직 CTO의 AI 실전 활용법을 계속 받아보고 싶다면
뉴스레터 (무료 구독): [https://maily.so/tenbuilder](https://maily.so/tenbuilder)

클로드 코드(Claude Code)로 무작정 하다보면 대부분 전형적인 AI 기본값이 나옵니다.
코드부터 치지 않았습니다. 카피를 먼저 잡고, Variant로 디자인을 따로 시키고, 구현은 마지막에 했습니다.
같은 AI를 써도 워크플로우에 따라 결과가 달라지는 3단계를 처음부터 끝까지 보여드립니다.]]></description>
<dc:creator>최고관리자</dc:creator>
<dc:date>2026-09-03T00:36:27+09:00</dc:date>
</item>


<item>
<title>요즘 클로드 디자인에 미쳐있는 이유</title>
<link>https://ai.23yellow.com/ai_skill_design/%EC%9A%94%EC%A6%98-%ED%81%B4%EB%A1%9C%EB%93%9C-%EB%94%94%EC%9E%90%EC%9D%B8%EC%97%90-%EB%AF%B8%EC%B3%90%EC%9E%88%EB%8A%94-%EC%9D%B4%EC%9C%A0/</link>
<description><![CDATA[
클로드 디자인으로 모바일 화면 7장, 1시간 만에 만들었습니다. 피그마에서는 선 하나 안 그렸습니다.
예전 같으면 2주 걸리고, 디자이너 인건비만 400만 원부터 시작하던 작업이죠.
9년 동안 UX 디자인 컨설팅 회사를 운영하면서 포토샵으로 한 땀 한 땀 그리던 시절부터 피그마 컴포넌트로 디자인 시스템을 세우던 시절까지 다 거쳤습니다.
그런데 지금은 그 과정을 이렇게 안 합니다.
다만 "예쁜 앱 만들어줘"라고 던진다고 좋은 디자인이 나오지는 않습니다.
핵심은 화면을 하나씩 고치는 게 아니라, 디자인의 규칙 자체를 먼저 바꾸는 겁니다.
컬러, 타이포그래피, 버튼, 카드, 여백, 모서리까지 규칙을 먼저 정하고
그 규칙으로 화면을 만들게 하면, AI가 화면마다 제각각 디자인하는 문제가 크게 줄어듭니다.
이 영상에서는 피그마 커뮤니티의 디자인 시스템을 가져와 클로드 디자인에서 커스터마이징하고,
PRD와 실제 운영 중인 PC 서비스 화면을 넣어 모바일 주요 화면까지 만드는 전 과정을 보여드립니다.
AI로 디자인했다는 걸 아무도 모를 정도의 퀄리티를 보여드릴 게요
✅ 이런 분들에게 추천합니다
✔ AI로 UI를 만들었는데 결과가 비슷비슷해서 고민인 분
✔ Claude를 UX/UI 디자인 실무에 활용하고 싶은 분
✔ 디자인 시스템을 처음부터 만드는 것이 부담스러운 기획자·디자이너
✔ Figma 작업 시간을 줄이고 싶은 분
✔ 서비스 기획부터 UI 제작까지 AI와 함께 진행하고 싶은 분
✔ AI 시대에 UX 디자이너의 역할이 어떻게 달라질지 궁금한 분
■ 오늘의 작업 순서
Plan &amp; PRD → 디자인 시스템 레퍼런스 → 스타일 레퍼런스 이미지 → 클로드 디자인 → 모바일 UI
■ AI와 일할 때 지키는 프롬프트 원칙 3가지
1\. 맥락과 목적을 먼저 설명한다
2\. 원하는 방향을 시각 레퍼런스로 보여준다 \(구체적일수록 좋다\)
3\. 한 번에 하나씩 시킨다 — 연관된 화면 묶음 단위로

<span style="font-size:14px;color:#181818;">■ 이 영상에서 쓴 자료 디자인 시스템 레퍼런스: [</span>[<span style="font-size:14px;color:#181818;">https://www.figma.com/design/NFv4XcFd...</span>](https://www.youtube.com/redirect?event=video_description&amp;redir_token=QUM4Zm9rUnFrbEdvaWJaaWNhN2tMdVh4dmozNXxBTl9pYzRmQVZtME9xendReWZnajFvLXBNUVdSVTVYWDY3V0tiOTNrQm45U2ZoaUtkazU1enVGUFRWZF9HaGd3VklyMl9uWEx2MXFkSVVvWk9zcG1McGNrNm9pS1dDZEpzZFUy&amp;q=https%3A%2F%2Fwww.figma.com%2Fdesign%2FNFv4XcFdOcuFBHafr6f7qq%2FiOS-and-iPadOS-26--Community-%3Fnode-id%3D553-22762%26t%3D0HzAbARTLLJDxfow-1&amp;v=9RUcYdww138)<span style="font-size:14px;color:#181818;">]</span>

<br />
#티안나는AI디자인 #designsystems #ClaudeDesign]]></description>
<dc:creator>최고관리자</dc:creator>
<dc:date>2026-09-03T00:25:22+09:00</dc:date>
</item>


<item>
<title>상세페이지 만들기? 챗GPT 코덱스 Ai 자동화 제작 만드는 방법 | 기획 디자인 이미지 Codex 스킬 제공</title>
<link>https://ai.23yellow.com/ai_skill_design/%EC%83%81%EC%84%B8%ED%8E%98%EC%9D%B4%EC%A7%80-%EB%A7%8C%EB%93%A4%EA%B8%B0-%EC%B1%97gpt-%EC%BD%94%EB%8D%B1%EC%8A%A4-ai-%EC%9E%90%EB%8F%99%ED%99%94-%EC%A0%9C%EC%9E%91-%EB%A7%8C%EB%93%9C%EB%8A%94/</link>
<description><![CDATA[
오늘 영상에서는 ChatGPT 유료 구독만으로 상세페이지 이미지를 자동제작하는 방법,
그것도 Codex 스킬 하나로 초보도 따라할 수 있는 상세페이지 자동화를 보여드립니다.
━━━━━━━━━━━━━━━━━━━━━━━━
📌 이 영상에서 다루는 내용
━━━━━━━━━━━━━━━━━━━━━━━━
00:00 인트로 — 기존 상세페이지 외주 비용 소개
01:19 Codex란? 
02:52 Codex 4가지 장점 
04:38 3단계 설치 가이드
05:41 실제 시연 — 토마토 상세페이지 12장 자동제작
07:07 스킬 설치 방법
08:15 Codex 상세페이지 스킬 작동 흐름 설명
11:28 다양한 상품 적용 사례 (치약, 수박 등)
13:53 스킬 커스터마이징 방법 
15:27 마무리 &amp; 커뮤니티 초대
━━━━━━━━━━━━━━━━━━━━━━━━
🎯 이런 분에게 추천합니다
━━━━━━━━━━━━━━━━━━━━━━━━
• 이커머스/온라인판매 상세페이지 제작이 부담되는 분
• 포토샵, 디자이너 없이 고퀄리티 상세페이지를 만들고 싶은 분
• ChatGPT/Claude 유료 구독 중인데 활용도가 낮다고 느끼는 분
• 상세페이지 외주 비용(30\~80만원)을 절감하고 싶은 분
━━━━━━━━━━━━━━━━━━━━━━━━
🛠 주요 도구
━━━━━━━━━━━━━━━━━━━━━━━━
• Codex (OpenAI) — https://openai.com/codex/
━━━━━━━━━━━━━━━━━━━━━━━━
📚 가이드북 &amp; 커뮤니티
📌 AI싱크클럽 카카오톡 단톡방 (정보공유)
 → https://litt.ly/aisyncclub
📌 상세페이지 자동화 코덱스 스킬 받기 (유튜브 자료실)
 → https://litt.ly/aisyncclub
━━━━━━━━━━━━━━━━━━━━━━━
📢 이 영상이 도움이 되셨다면
👍 좋아요 꾹! (알고리즘이 더 많은 분들께 추천합니다)
💬 댓글로 Codex 스킬 써보고 싶은 작업 공유해주세요!
🔔 구독 + 알림 설정으로 다음 영상 놓치지 마세요!
🔗 AI싱크클럽 단톡방 참여해서 함께 성장해요!]]></description>
<dc:creator>최고관리자</dc:creator>
<dc:date>2026-09-01T23:09:51+09:00</dc:date>
</item>


<item>
<title>AI가 만든 웹사이트는 왜 다 똑같을까 | taste-skill 안티슬롭</title>
<link>https://ai.23yellow.com/ai_skill_design/ai%EA%B0%80-%EB%A7%8C%EB%93%A0-%EC%9B%B9%EC%82%AC%EC%9D%B4%ED%8A%B8%EB%8A%94-%EC%99%9C-%EB%8B%A4-%EB%98%91%EA%B0%99%EC%9D%84%EA%B9%8C-taste-skill/</link>
<description><![CDATA[
<span style="font-size:14px;color:#181818;">🔗 AI 업무 시스템 구축 과정 — 클로드 코드 에이전트 부트캠프: https://qjc.app/singularity-builders </span>
<span style="font-size:14px;color:#181818;">🎁 풀버전·라이브 다시보기 (채널 멤버십): https://www.youtube.com/@qjc\_qjc/join </span>
<span style="font-size:14px;color:#181818;"> </span>
<span style="font-size:14px;color:#181818;">AI한테 "홈페이지 만들어줘" 하면 왜 다 똑같이 생겼을까요. </span>
<span style="font-size:14px;color:#181818;">보라색 그라데이션. 가운데 정렬된 히어로. 똑같은 3개 카드. </span>
<span style="font-size:14px;color:#181818;">Inter 폰트에 회색 배경. 개발자들은 이걸 'slop(슬롭)'이라고 불러요. </span>
<span style="font-size:14px;color:#181818;">AI가 뱉는 평균값이요. </span>
<span style="font-size:14px;color:#181818;">이 문제를 정면으로 겨냥한 오픈소스가 있어요. </span>
<span style="font-size:14px;color:#181818;">taste-skill. </span>
<span style="font-size:14px;color:#181818;">이름 그대로 "AI에게 취향을 주는" 스킬이에요. </span>
<span style="font-size:14px;color:#181818;">📩 이 영상 무료 가이드: 댓글에 'AI 에이전트'와 이메일 주소를 함께 남겨주시면 메일로 보내드려요! --- </span>
<span style="font-size:14px;color:#181818;">👉 국내 대표 AI 자동화 커뮤니티 https://discord.gg/2gh9kZrdG6 </span>
<span style="font-size:14px;color:#181818;">👉 기업 상담 신청 https://qjc.app/contact </span>
<span style="font-size:14px;color:#181818;">🏢 퀀텀점프클럽 더 알아보기 https://qjc.app/links </span>
<span style="font-size:14px;color:#181818;">퀀텀점프클럽은 기업의 AI 전환(AX)과 업무 자동화를 실제로 구축하는 채널입니다.</span>]]></description>
<dc:creator>최고관리자</dc:creator>
<dc:date>2026-09-01T01:44:56+09:00</dc:date>
</item>


<item>
<title>클로드 코드로 디자인 가장 잘 뽑아내는 스킬을 찾았습니다. 무료로 배포합니다. (오픈소스 제공)</title>
<link>https://ai.23yellow.com/ai_skill_design/%ED%81%B4%EB%A1%9C%EB%93%9C-%EC%BD%94%EB%93%9C%EB%A1%9C-%EB%94%94%EC%9E%90%EC%9D%B8-%EA%B0%80%EC%9E%A5-%EC%9E%98-%EB%BD%91%EC%95%84%EB%82%B4%EB%8A%94-%EC%8A%A4%ED%82%AC%EC%9D%84-%EC%B0%BE%EC%95%98%EC%8A%B5%EB%8B%88%EB%8B%A4/</link>
<description><![CDATA[
<span style="font-size:14px;color:#181818;">📍 영상 관련 주요 링크 </span>

* <span style="font-size:14px;color:#181818;">수파노바 디자인 스킬 깃헙(GitHub) 주소: </span>[<span style="font-size:14px;color:#181818;">https://github.com/uxjoseph/supanova-...</span>](https://www.youtube.com/redirect?event=video_description&amp;redir_token=QUM4Zm9rUlFkVDhad2c3QW43aU1Tb0N2MTBkbnxBR3JiS2FreUhIdlRCa19DU096LVBPREpPX3B0Wmw0c1l2Um1FQzlLRXFIb2IxVVVISFZjWkpodnVQU2stSjZCQnlNRVJ2QXVGU2lXWGVVUkV4UGhUdVNmMDZnMmJtVzlBMm1R&amp;q=https%3A%2F%2Fgithub.com%2Fuxjoseph%2Fsupanova-design-skill&amp;v=2sNQ0Nvngdc)
* <span style="font-size:14px;color:#181818;">영상 속 웹페이지 완성본: </span>[<span style="font-size:14px;color:#181818;">https://jolly-unicorn-ddbc7c.netlify....</span>](https://www.youtube.com/redirect?event=video_description&amp;redir_token=QUM4Zm9rUWh6eXdmYzV2RGxpUFhXSDQzLUlSR3xBR3JiS2FtTGNrcWw0ZE5oNV9wOFJ1QWxaNXFyWm1kQ1dnOEkyYTV0YjhNNjBtT3g0MWJYSDRRZ0VxYVFyQjlmcUFkVjBldWs0akpyS0F3RUNRMEFCT0dHUllFT2xPNFJsQU15&amp;q=https%3A%2F%2Fjolly-unicorn-ddbc7c.netlify.app%2F&amp;v=2sNQ0Nvngdc)
* <span style="font-size:14px;color:#181818;">바이브 코딩의 완성, 디자인은 수파노바: 디자인 고민 없이 200여 개의 프리미엄 템플릿으로 고퀄리티 웹사이트를 즉시 완성해 보세요! </span>[<span style="font-size:14px;color:#181818;">https://www.supanova.dev/</span>](https://www.youtube.com/redirect?event=video_description&amp;redir_token=QUM4Zm9rUnR3WE5zNEtsTXBBeC1iVUp5QTJMbXxBR3JiS2FuaGZHQ2F4SGhyVmpNZ2FKTlAtRk5hd09keGttQndyRnRiMU9CTWtyNld1UGQ1VGN1Y25mVGliUWMtdWYxN3UwVWdQaEVyM0F5WFFKUFpmXzJ2NHYtME5zMWxvcmpF&amp;q=https%3A%2F%2Fwww.supanova.dev%2F&amp;v=2sNQ0Nvngdc)


<span style="font-size:14px;color:#181818;"> 🤖 클로드 코드로 디자인 퀄리티 높이기: 수파노바 디자인 스킬 활용법 이번 영상에서는 클로드 코드를 활용해 디자인 완성도를 극대화하는 방법을 소개합니다. AI 특유의 부자연스러운 디자인인 AI Slop을 극복하기 위해 제작된 수파노바 디자인 스킬과 제미나이의 동영상 생성 기능을 연동하는 과정을 담았습니다. 애니메이션이 적용된 고퀄리티 랜딩 페이지 제작부터 Netlify를 통한 실시간 배포까지, 코딩 초보자도 전문가 수준의 결과물을 만드는 실전 튜토리얼입니다. </span>

<span style="font-size:14px;color:#181818;">🔑 핵심 요점 (Key Points)</span>
<span style="font-size:14px;color:#181818;"> 1\. AI 특유의 촌스러운 디자인\(AI Slop\)을 벗어나기 위해 한국형 폰트와 아이콘이 최적화된 수파노바 디자인 스킬을 사용합니다\. </span>
<span style="font-size:14px;color:#181818;">2\. 제미나이의 비디오 생성 기능을 활용하여 웹사이트 상단에 역동적인 히어로 섹션 애니메이션을 추가할 수 있습니다\. </span>
<span style="font-size:14px;color:#181818;">3\. 클로드 코드가 생성한 결과물을 Netlify Drop에 드래그 앤 드롭하는 것만으로 누구나 무료로 웹사이트 배포가 가능합니다\.</span>

<span style="font-size:14px;color:#181818;">📝 세부 내용 요약 (Section Summaries) </span>
<span style="font-size:14px;color:#181818;">■ AI 디자인의 한계 극복과 스킬 준비 클로드 코드는 기능적으로 뛰어나지만 디자인 면에서 소위 AI Slop이라 불리는 부자연스러운 결과물을 낼 때가 많습니다. 이를 보완하기 위해 해외의 taste-skill을 한국 실정에 맞게 수정하여 프리텐다드 폰트와 Iconify를 적용한 수파노바 디자인 스킬을 활용합니다. </span>
<span style="font-size:14px;color:#181818;">■ 제미나이 동영상 생성을 통한 시각적 강화 단순한 이미지를 넘어 제미나이 프로 모델을 통해 16:9 비율의 시네마틱한 영상을 생성합니다. 핀터레스트 등에서 찾은 레퍼런스 이미지를 제공하여 AI가 의도에 맞는 고퀄리티 영상을 제작하도록 유도하고, 이를 웹사이트의 배경 요소로 삽입합니다. </span>
<span style="font-size:14px;color:#181818;">■ 클로드 코드와 외부 템플릿의 결합 수파노바에서 제공하는 200여 개의 디자인 템플릿 HTML 코드를 복사하여 클로드 코드에 입력합니다. AI는 이 코드와 앞서 만든 영상을 결합하여 다크모드 기반의 세련된 랜딩 페이지를 자동으로 구성하며, 스크롤에 반응하는 부드러운 애니메이션까지 구현합니다. </span>
<span style="font-size:14px;color:#181818;">■ 실시간 배포 및 최종 최적화 완성된 결과물은 클로드 코드를 통해 즉시 zip 파일로 압축합니다. 별도의 복잡한 서버 설정 없이 Netlify Drop 플랫폼을 활용해 압축 파일을 업로드하면 즉시 고유 URL이 생성되며 전 세계 어디서든 접속 가능한 라이브 웹사이트가 완성됩니다.</span>

<span style="font-size:14px;color:#181818;">[조쉬의 뉴스레터 및 소셜 미디어] </span>
<span style="font-size:14px;color:#181818;">🗞️ 조쉬의 뉴스레터 (1만명 이상 구독 중) 뉴스레터를 구독하고, 가장 빨리 AI 인사이트를 받아보세요! </span>[<span style="font-size:14px;color:#181818;">https://maily.so/josh</span>](https://www.youtube.com/redirect?event=video_description&amp;redir_token=QUM4Zm9rUjhScGRQd3FvdDczaWhSVVVxb3czdXxBR3JiS2FrNnpEWXZub3NHbFRPNVd3dFlXeWltUy03S3UydmZRYUtwcFZrYkFvMWh3Q3liRmNZUHVUMHYxdlhNZHBrMmlySDdJY2Q3VXlTOW15TG9NSWw4MVVZNTVybWd5YlA1&amp;q=https%3A%2F%2Fmaily.so%2Fjosh&amp;v=2sNQ0Nvngdc)<span style="font-size:14px;color:#181818;"> </span>
<span style="font-size:14px;color:#181818;">🔗 소셜 미디어 (도합 3만 이상) </span>
<span style="font-size:14px;color:#181818;">Threads: </span>[<span style="font-size:14px;color:#181818;">https://www.threads.com/@joshproductl...</span>](https://www.youtube.com/redirect?event=video_description&amp;redir_token=QUM4Zm9rU1d0QW1pYV9FckdfdFRhX1FLbmlneHxBR3JiS2FtX043U3p0M29RZTB5VFFZZ2VPdDcxSktpbXZxRlJFQlEydTFaUDRnVVFzeEhQUFhTWEhjS0wyd1dZdFNKNldMXzRNQk52OG9jTkVsSjVjTWV1UXFDYjNxTURSWGx3&amp;q=https%3A%2F%2Fwww.threads.com%2F%40joshproductletter&amp;v=2sNQ0Nvngdc)
<span style="font-size:14px;color:#181818;">LinkedIn: </span>[<span style="font-size:14px;color:#181818;"> ![](https://www.gstatic.com/youtube/img/watch/social_media/linkedin_1x.png) / uxjosh  </span>](https://www.youtube.com/redirect?event=video_description&amp;redir_token=QUM4Zm9rUUpFQXJRZWxBbVBsaUI1ejhibzJDM3xBR3JiS2FrOEIzNnAzYlN0dmduZEc4Z2VrWWRtekFqMDhoVmFQdlc3bnM0bWd4RnhmazFNcmZlejg0NDl5YTV3Y1JHcEpnYUs0LVRwNTdPSV9zZ0RRS1JESnVudnRGcl9CajRy&amp;q=https%3A%2F%2Fwww.linkedin.com%2Fin%2Fuxjosh%2F&amp;v=2sNQ0Nvngdc)<span style="font-size:14px;color:#181818;"> </span>
<span style="font-size:14px;color:#181818;">🚀 ASC 모집 (연간 멤버십 프로그램) 조쉬의 '실행' 중심 연간 멤버십 프로그램 모집 정보를 확인하세요! </span>[<span style="font-size:14px;color:#181818;">https://www.solopreneur.co.kr/</span>](https://www.youtube.com/redirect?event=video_description&amp;redir_token=QUM4Zm9rUjBaMndVNE11VGpoMXdyODRYMnUxOHxBR3JiS2FtV2hjX2xQd3FueFp6dWFmak95RGdCTDZ3M2cycEljSmowV0FGcE14SjdvWG1jS0Rma1RHaXpBNGZVZnozNWhNMWkzb3JSWXlHQVZyVGdIM0JqV3YtbkV3cUJKeXhw&amp;q=https%3A%2F%2Fwww.solopreneur.co.kr%2F&amp;v=2sNQ0Nvngdc)]]></description>
<dc:creator>최고관리자</dc:creator>
<dc:date>2026-09-01T00:46:07+09:00</dc:date>
</item>

</channel>
</rss>
