AI기술3
Base44에 UI 레퍼런스와 프롬프트를 넣어 금융 앱을 구축·연결·게시하는 과정을 시연한다.
- Stripe·Apple·Duolingo 등 기존 웹사이트와 UI 갤러리를 디자인 영감 자료로 활용하는 방법 소개
- Base44에 이미지·링크·스크린샷을 넣고 ‘Gorilla Finance’ 금융 앱 제작 프롬프트 입력
- Base44 자체 모델인 Base One, 자동 선택 모드, Fable 5.1 등 모델 선택 기능 설명
- Google 로그인 후 예산 한도를 25K에서 500,000으로 변경하고 재로그인 뒤 데이터 유지 확인
GPT-6 Astra와 Fable 5.1은 실제 7개 작업에서 근소한 차이를 보였다.
- 웹사이트 생성에서는 디자인 측면의 GPT-6 Astra와 기능 측면의 Fable 5.1을 각각 높게 평가한 비교 결과
- 콜드 이메일·인터뷰 질문 과제에서는 Fable 5.1이 근소 우세했으나 두 모델의 결과와 토큰 사용량은 대체로 유사
- 이미지 기반 영상 썸네일 생성에서 GPT-6 Astra는 270만 토큰을 사용해 Fable 5.1의 약 320만 토큰보다 적게 사용
- 웹사이트 생성 토큰은 Fable 5.1이 550만, ChatGPT가 430만으로 제시돼 약 20% 절감 수치 확인
기업은 AI 검색 시대에 질문별 콘텐츠와 외부 신뢰를 함께 구축해야 한다.
- 2025년 퓨 리서치 센터 조사에서 AI 오버뷰가 있는 검색 결과의 링크 클릭 비율은 없는 경우와 두 배 차이
- 이용자 대질문에서 2~6개 하위 질문으로 펼쳐지는 쿼리 팬아웃에 맞춘 질문별 답변 콘텐츠 설계
- 웹사이트·뉴스룸·상품 페이지 등 온드 미디어와 언론·전문가 그룹의 동일 메시지를 통한 신뢰 생태계 구축
- AI 대상 보도자료에는 표·목록·Q&A와 정확한 인물명·직책을 담아 뉴스룸에 축적하는 방식
AI응용5
GPT-6 Astra용 모션 디자인 스킬은 템플릿·MCP·반복 생성으로 영상 제작을 자동화한다.
- 텍스트 힌트·참고 이미지·웹사이트 링크를 바탕으로 애니메이션 그래픽 제작 방식 소개
- 스타일 갤러리의 기존 영상 템플릿을 활용해 백지 상태에서 시작하지 않는 작업 흐름
- Higgs Field MCP·CLI를 통한 Seedance 2.5 기본 설정과 모델 변경 옵션 제시
- 소음 감소 15초, 분해 키보드 20초, Canva 캠페인 20초 데모 결과 공개
GPT-6 Astra로 레퍼런스 기반 웹사이트를 반복 제작·공유하는 과정을 제시한다.
- Pinterest·Twitter·Landbook·Dribbble 등에서 수집한 화면을 디자인 패밀리별 테이스트 볼트로 구성하는 방식
- Astra에 단일 스타일 대신 여러 디자인 패밀리의 랜딩페이지 시안을 요청해 시각적으로 비교하는 반복 과정
- Vantage라는 가상 금융시장 AI 분석 제품을 대상으로 5개 디자인 패밀리와 4개 변형, 총 20개 시안 생성 사례
- Impeccable·Taste·Anthropic 프런트엔드 디자인 스킬과 스킬 미사용 Astra 결과를 함께 비교한 실험
클로드 코드 입문은 규칙·구조·스킬을 순서대로 갖추는 것이 핵심이라고 설명한다
- 클로드 코드는 파일을 직접 읽고 고치고 실행하므로, 작업 전 규칙 문서를 읽도록 설정하는 도구라는 설명
- 입문 순서는 환경 구성, 작은 작업 완주, 규칙 파일, 프로젝트 뼈대, 반복 스킬, 별도 검토 단계로 제시
- 규칙 파일은 프로젝트 방식과 금지 사항을 기록하는 문서이며, 스킬은 자주 하는 작업 절차를 묶은 형태
- 스킬샵 패키지는 규칙과 절차 압축 파일, 설명 영상, 구매자 커뮤니티로 구성되며 클로드 코드·코덱스 기준 검증
바이브 코딩 스타터킷은 구조와 규칙으로 AI 코드의 연속 개발을 돕는다.
- 스타터킷은 프런트엔드에 Next.js·TypeScript·shadcn/ui 구성을 안내해 도구 선택의 출발점을 맞춘다.
- 회원·상품·주문 등 업무별 도메인에 서비스와 API 자리를 정하고, 내부 코드 접근의 연결 규칙을 둔다.
- 반복되는 날짜 표시, 입력 확인, 오류 처리는 공통 부품으로 관리하되 같은 책임의 코드만 묶도록 설명한다.
- Dockerfile은 준비물 목록을 소스보다 먼저 처리해 빌드 캐시를 활용하며, UV는 pip보다 10~100배 빠르다고 소개한다.
Codex와 Hyperframes로 전사·비트 설계·검수를 반복하는 AI 영상 편집 과정을 안내한다.
- Codex 데스크톱 애플리케이션과 Hyperframe 설치를 영상 제작의 기본 준비물로 제시
- 오디오 전사 뒤 실수·말더듬·불필요한 부분·빈 구간을 잘라 14분 영상을 9분으로 편집한 사례
- 자연어 지시로 자막 위치, 화면 속 영상 위치, 오버레이, 배경, 3D 형식의 영상 발췌 구성 시연
- 시스템이 맥락에 맞춰 유튜브 영상·AIS Live 자료·Google Drive 로고를 찾아 광고 영상에 활용한 사례
AI Daily · YouTube Summaries · 2026. 09. 10. (목)