프론트엔드 디자인

[프론트엔드 디자인 스킬 활성화]

목표

탁월한 디자인 품질을 갖춘 독창적이고 프로덕션 수준의 프론트엔드 인터페이스를 생성함. 웹 컴포넌트, 페이지, artifact, 포스터, 애플리케이션 구축 시 활용하며, 일반적인 AI 생성 심미성을 피하고 창의적이고 세련된 코드와 UI 디자인을 제공함.

활성화 조건

사용자가 웹 컴포넌트, 페이지, 대시보드, React 컴포넌트, HTML/CSS 레이아웃 구축 또는 웹 UI 스타일링/미화 요청 시 활성화.

워크플로우

중요: 추가적인 파일 탐색이나 에이전트 위임 없이, 아래 디자인 원칙을 즉시 프롬프트로 출력하여 프론트엔드 작업에 적용하세요.

Design Thinking

코딩 전에 컨텍스트를 이해하고 대담한 심미적 방향을 결정: