플러스프로젝트 배경
1) 포트폴리오 소개 - 비개발자 마케터의 AI 자동화를 다루는 유튜브 채널(LAB-A)의 공식 랜딩 사이트 + 디자인 시스템. - Claude Code 바이브코딩으로 개발하며 SKILL.md 기반 워크플로우를 정립. 2) 작업 범위 - 브랜드 디자인 시스템 설계, UI/UX 디자인, Front-end 개발, 콘텐츠 관리 구조 / 반응형 웹, Netlify 배포 3) 주요 업무 - 브랜드
프로젝트 성과
SKILL.md 기반 AI 워크플로우 정립
Claude Code가 브랜드 컬러·톤·레이아웃 규칙을 자동 참조하는 skill 문서 구축. 디자인 일관성을 사람 없이 유지하는 구조 실현
디자인 시스템 + 랜딩 사이트 1~2일 만에 완성
컬러 토큰, 타이포 스케일, 모션 규칙, 컴포넌트까지 포함한 풀 디자인 시스템과 배포된 랜딩 사이트를 Claude Code로 단기 구축
핵심 기능
SKILL.md 기반 Claude Code 워크플로우
브랜드 가이드를 SKILL.md로 구조화. Claude Code가 자동으로 읽고 디자인 규칙을 지키며 코드 생성 — 이 공고의 skill.md 방식과 동일
진행 단계
브랜드 시스템 설계
2026.04.
컬러·타이포·모션·레이아웃 토큰 정의, SKILL.md 작성
프로젝트 상세
유튜브 채널 LAB-A 운영에 필요한 랜딩 사이트가 없어 직접 제작. 동시에 썸네일·OG 이미지·뉴스레터 등 반복 제작물의 브랜드 일관성을 유지하기 위해 디자인 시스템을 함께 구축. Claude Code로 작업하면서 SKILL.md에 브랜드 규칙을 정리해두면 매번 설명 없이 AI가 규칙을 따라 작업할 수 있다는 점에서 워크플로우 표준화도 함께 진행.
