블로그로 돌아가기
#프론트엔드
4개의 포스트
튜토리얼Claude CodeSkills
2026.08.31Claude Code 프론트엔드 스킬 가이드 2026 — taste, 디자인 스킬, 이미지 투 코드, Playwright까지
AI가 만든 UI가 전부 비슷하게 생긴 이유는 모델이 아니라 컨텍스트에 있습니다. 2026년 프론트엔드 개발자들이 실제로 쓰는 Claude Code 스킬 5종 — 82K 스타 taste-skill, Anthropic 공식 frontend-design, 시안을 디자인 토큰으로 재구성하는 image-to-code, '눈'을 달아주는 Playwright 스킬, Three.js 스킬 팩 — 을 설치 명령부터 조합 워크플로우까지 정리했습니다. 스킬이 무엇이고 언제 발동되는지, CLAUDE.md와 뭐가 다른지도 함께 다룹니다.
코어닷투데이23분
기술OpenAICodex
2026.05.29디자이너·프론트엔드를 위한 Codex — 화면을 보고 고치는 AI (Codex Use Cases 특집 3)
프론트엔드의 진짜 난제는 '코드는 맞는데 화면이 안 맞아'다. Codex가 비주얼 피드백 루프, Figma 구조 추출, 초고속 Codex-Spark, 목업·PoC·배포·브라우저 게임으로 디자이너·프론트엔드 작업을 어떻게 바꾸는지 실제 프롬프트와 사례로 풀어봅니다. Codex Use Cases 특집 3편.
코어닷 AI29분
특집AI 디자인GPT-5.4
2026.04.05AI가 웹을 디자인하는 시대: GPT-5.4 프론트엔드 디자인 완전 해부
OpenAI가 GPT-5.4의 프론트엔드 디자인 역량을 공개했다. '프롬프트 한 줄로 아름다운 웹사이트를 만든다'는 말이 현실이 된 2026년, 웹 디자인 35년 역사의 맥락에서 이 기술이 왜 혁명적인지, 어떻게 활용하는지를 낱낱이 해부한다.
코어닷투데이39분
기술GPT-5.4프론트엔드
2026.03.31GPT-5.4 프론트엔드 디자인 완전 가이드 — AI가 '예쁜 웹사이트' 만드는 법을 배웠다
OpenAI가 공개한 GPT-5.4 프론트엔드 디자인 가이드를 완전 해부한다. AI가 만든 웹사이트가 왜 다 똑같았는지, 그리고 GPT-5.4가 어떻게 '디자인 감각'을 갖게 됐는지 — 역사, 원리, 실전까지.
코어닷투데이57분