ShadCN UI 컴포넌트에 부드러운 애니메이션을 추가하려면 Framer Motion 패턴을 이해해야 합니다. 이 스킬은 페이드인, 호버 효과, 다이얼로그 애니메이션, 페이지 전환, 로딩 스켈레톤에 바로 사용할 수 있는 코드 패턴을 제공합니다.

AI는 종종 일반적이고 반복되는 디자인 패턴을 기본값으로 사용하여 인터페이스가 기계에서 생성된 것처럼 보이게 만듭니다. 이 기술은 타이포그래피, 색상, 모션 및 깊이에 대한 구체적인 대안을 제공하여 전문적이고 브랜드화된 인터페이스를 만듭니다.

프리미엄 인터페이스를 구축하려면 타이포그래피 계층, 간격 리듬, 미묘한 애니메이션에 대한 이해가 필요합니다. 이 스킬은 Apple 플랫폼에 네이티브한 느낌을 주는 깔끔하고 미니멀하며 사용자 친화적인 인터페이스를 만들기 위한 Apple 디자인 원칙을 제공합니다.

React로 복잡한 HTML 아티팩트를 만들려면 상당한 설정 시간과 구성이 필요합니다. 이 스킬은 Tailwind CSS와 shadcn/ui로 React 프로젝트를 초기화하는 자동화 스크립트를 제공하고, 모든 것을 공유 가능한 단일 휴대용 HTML 파일로 번들링하여 Claude 대화에서 바로 사용할 수 있게 합니다.

프레젠테이션에 일관되고 전문적인 시각 스타일링을 적용하는 일은 상당한 시간과 디자인 전문성이 필요합니다. 이 스킬은 어떤 아티팩트에도 즉시 적용할 수 있는 10개의 엄선된 컬러 및 폰트 테마와, 필요에 따라 맞춤 테마를 생성하는 기능을 제공합니다.

사용자는 Slack 리액션과 메시지에 맞는 적절한 크기의 GIF가 필요합니다. 이 스킬은 Slack 요구 사항을 충족하도록 애니메이션 유틸리티, 이징 함수, 검증을 포함해 최적화된 GIF를 만들 수 있는 도구를 제공합니다.

사용자들은 평범한 AI 생성 디자인에서 벗어나는 프론트엔드 코드를 만들기 어려워합니다. 이 스킬은 대담한 미학, 세심한 타이포그래피, 완성도 높은 시각적 디테일을 갖춘 기억에 남는 프로덕션 품질의 인터페이스를 만드는 방법을 안내합니다.

독창적인 시각 예술 작품을 만들려면 깊은 디자인 지식과 예술적 기술이 필요합니다. 이 스킬은 형태, 색상, 구성을 통해 표현되는 확립된 디자인 철학을 사용하여 박물관 품질의 포스터, 디자인 및 시각 예술을 생성합니다. 출력 형식은 PNG 또는 PDF입니다.

일관된 브랜드 스타일링을 적용하려면 정확한 색상과 글꼴을 알아야 합니다. 이 스킬은 Anthropic의 공식 브랜드 가이드라인을 제공하여 모든 아티팩트를 빠르게 스타일링할 수 있도록 합니다.

사용자는 독특한 제너레이티브 아트를 원하지만 알고리즘 디자인 지식이 부족합니다. 이 스킬은 시드 기반 랜덤성, 플로우 필드, 파티클 시스템, 인터랙티브 매개변수 탐색을 활용하여 p5.js로 독창적인 알고리즘 아트를 생성하고 맞춤형 시각적 결과물을 제공합니다.

반응형이고 접근 가능한 사용자 인터페이스를 구축하려면 유틸리티 클래스와 디자인 패턴에 대한 깊은 지식이 필요합니다. 이 스킬은 모바일 우선 레이아웃, 다크 모드 지원, Tailwind CSS 컨벤션을 활용한 컴포넌트 스타일링에 대한 전문적인 가이드를 제공합니다.

팀은 문서, 웹사이트, 마케팅 자료 전반에서 일관된 브랜딩을 유지하는 데 어려움을 겪습니다. 이 스킬은 로고 사용, 컬러 팔레트, 타이포그래피, 브랜드 보이스에 대한 포괄적인 템플릿과 사양을 제공하여 모든 채널에서 전문적이고 응집력 있는 브랜드 정체성을 सुनिश्चित합니다.

일반적인 AI 생성 디자인은 비슷해 보이는 경우가 많습니다. 이 스킬은 대담한 미적 선택과 뛰어난 시각적 완성도를 갖춘 기억에 남는 프로덕션급 프론트엔드 인터페이스 제작을 안내합니다.

접근 가능한 React 컴포넌트를 구축하려면 키보드 탐색과 ARIA 속성에 대한 주의가 필요합니다. 이 스킬은 Next.js 애플리케이션을 위한 양식 유효성 검사, 다크 모드, 반응형 레이아웃이 포함된 복사-붙여넣기 shadcn/ui 컴포넌트 패턴을 제공합니다.

시각적으로 일관된 아티팩트를 디자인하는 것은 시간이 많이 걸리고 디자인 전문 지식이 필요합니다. 이 스킬은 프레젠테이션, 문서 및 보고서에 즉시 적용할 수 있는 색상 팔레트와 글꼴 조합을 갖춘 10가지 전문적으로 선별된 테마를 제공합니다.

Slack용 애니메이션 GIF를 만들려면 엄격한 크기 제한을 준수하고 적절한 애니메이션 기법을 사용해야 합니다. 이 툴킷은 메시지 GIF와 Slack에서 완벽하게 작동하는 커스텀 이모지를 만들기 위한 검증기, 애니메이션 기본 요소 및 최적화 도구를 제공합니다.

사용자들은 추상적인 디자인 개념을 매력적인 시각 예술 작품으로 변환하는 데 어려움을 겪습니다. 이 스킬은 철학적 프레임워크를 사용하여 뮤지엄급 시각 디자인을 생성하며, 전문적인 타이포그래피와 함께 PNG 및 PDF 형식의 독창적인 구성 작품을 제작합니다.

Anthropic의 시각적 정체성과 일치하는 문서와 아티팩트를 생성합니다. 공식 브랜드 색상과 타이포그래피를 모든 자료에 일관되게 적용합니다.

생성 예술은 기술적 역량과 예술적 비전을 모두 필요로 합니다. 이 스킬은 AI 시스템이 시드 기반 무작위성, 상호작용 매개변수, 갤러리 품질 출력을 갖춘 독창적인 알고리즘 아트를 만들도록 안내합니다.

표준화된 디자인 기반 없이 여러 애플리케이션에서 일관되고 접근 가능한 사용자 인터페이스를 만드는 것은 어렵습니다. 이 스킬은 시각적 일관성과 WCAG 준수를 보장하는 확장 가능한 디자인 시스템을 구축하기 위한 디자인 토큰 구조, 컴포넌트 패턴, 접근성 가이드라인을 제공합니다.