/ 영상

Codex가 전체 랜딩 페이지 구축 (Agent Skills 데모)

Build at Scale · Build at Scale · ·4:56 ·15.2K 조회수
Codex가 전체 랜딩 페이지 구축 (Agent Skills 데모)

OpenAI가 Anthropic이 공개한 동일한 오픈 표준을 사용하여 Codex에 Agent Skills를 추가했습니다. 이전 영상의 동일한 스킬을 설치하고 GPT 5.2를 같은 랜딩 페이지 테스트를 통해 실행했습니다. 여기서 사용한 스킬은 Claude Code용으로 빌드되었습니다.

전체 설명

OpenAI가 Anthropic이 공개한 동일한 오픈 표준을 사용하여 Codex에 Agent Skills를 추가했습니다. 이전 영상의 동일한 스킬을 설치하고 GPT 5.2를 같은 랜딩 페이지 테스트를 통해 실행했습니다. 여기서 사용한 스킬은 Claude Code용으로 빌드되었습니다. 수정 없이 Codex에서 작동하며 동일한 표준, 동일한 저장소입니다. Opus 4.5는 여전히 더 적은 버그로 완성도에서 우수하지만, Codex는 두 스킬을 자동으로 선택하고 7분 이내에 9개의 이미지를 생성했습니다. 다음: Gemini가 스킬 지원을 추가할 때. 사용된 프롬프트: 지역 스카이다이빙 회사를 위한 랜딩 페이지 디자인을 만드세요. 이 틈새 시장에 맞는 타이포그래피와 디자인 스타일을 사용하세요. 이모지 대신 Font Awesome의 아이콘을 사용하세요. 사이트에 대해 다음 섹션을 만드세요: 헤더/네비게이션 히어로 소개 서비스/경험 교육 프로그램 갤러리 후기 점프 예약/CTA 연락처 푸터 명확한 클릭 유도 문안, SEO에 적합한 컨텐츠, 눈에 띄는 연락처 정보를 포함하세요. 이 디자인에 맞는 최소 5개 이상의 이미지를 생성하고 최고의 작품을 보여주는 이미지를 포함하세요. Codex에 스킬 설치: $skill-installer anthropics/skills --path=skills/frontend-design $skill-installer buildatscale-tv/claude-code-plugins --path=plugins/nano-banana/skills/generate 링크: Codex Skills 변경 로그: https://developers.openai.com/codex/changelog/#codex-2025-12-19-mdx Codex Skills 문서: https://developers.openai.com/codex/skills/ Anthropic Skills 저장소: https://github.com/anthropics/skills Nano Banana Pro Skill: https://github.com/buildatscale-tv/claude-code-plugins

YouTube에서 보기 콘텐츠는 원본 게시자의 사이트에 있습니다.
OpenAI Codex로 디자인하기에 관한 community 자료로서 Codex-Design 커뮤니티를 위해 엄선했습니다.