Claude는 설정된 웹 디자인 가이드라인에 대해 UI 코드를 자동으로 검토하여 배포 전에 접근성 문제, 사용성 문제, 모범 사례 위반을 발견할 수 있습니다. 이 스킬은 최신 가이드라인을 가져오고 개선점을 식별하기 위한 정적 분석을 수행합니다.

shadcn/ui 패턴과 Vercel AI SDK 규칙을 따르는 사전 구축된 조합 가능한 UI 요소를 사용하여 현대적인 AI 채팅 인터페이스 컴포넌트를 생성합니다.

문서와 프레젠테이션에서 일관된 비주얼 스타일이 필요합니다. 이 스킬은 10개의 큐레이션된 테마를 제공하며 요구사항에 따라 커스텀 테마를 생성할 수 있습니다. 슬라이드, 문서, 보고서에 맞는 색상과 글꼴을 적용하세요.

Slack용 애니메이션 GIF를 만들려면 적절한 크기, 색상 제한 및 프레임 속도가 필요합니다. 이 스킬은 부드러운 이징 함수와 시각 효과를 사용하여 Slack 요구 사항을 충족하는 GIF를 구축하는 도구를 제공합니다.

최신 iOS 인터페이스를 구축하려면 고급 시각 효과를 구현해야 합니다. 이 스킬은 iOS 26+ Liquid Glass API를 사용하여 SwiftUI에서 블러, 반사, 인터랙티브 글래스 표면을 만드는 가이드라인과 코드 예제를 제공합니다.

전문적인 AI 생성 미디어를 만들려면 복잡한 API 통합과 모델 관리가 필요합니다. MuleRouter 기술은 최첨단 AI 모델을 사용하여 이미지 및 비디오를 생성하기 위한 통합 인터페이스를 제공하여 이를 간소화합니다.

프로젝트용 시각 자산을 만들려면 비용이昂贵的 디자인 도구나 수동 일러스트레이션이 필요합니다. 이 스킬은 Google Gemini 3 Pro Preview API를 사용하여 즉각적인 이미지 생성을 지원하며, 레퍼런스 이미지를 통해 여러 에셋에서 일관된 스타일과 캐릭터 외관을 유지할 수 있습니다.

AI 모델을 사용해 프레젠테이션, 문서, 출판물에 사용할 고품질 이미지를 제작하세요. 간단한 텍스트 프롬프트로 원본 아트워크를 생성하거나 기존 이미지를 편집할 수 있습니다. OpenRouter API를 통해 FLUX와 Gemini 모델에 접근하세요.

콘텐츠를 매력적인 샤오홍슈 스타일 인포그래픽 시리즈로 변환합니다. 콘텐츠 분석을 기반으로 비주얼 스타일과 레이아웃을 자동 선택합니다. 샤오홍슈 플랫폼에 최적화된 1-10개의 만화 스타일 이미지를 생성합니다.

사용자들은 작성된 콘텐츠를 시각적 프레젠테이션으로 변환하는 데 어려움을 겪습니다. 이 스킬은 콘텐츠를 분석하고, 스타일 사양이 포함된 포괄적인 슬라이드 개요를 생성하며, AI 이미지 생성을 사용하여 개별 슬라이드 이미지를 제작합니다.

개발 환경을 떠나지 않고 고품질의 AI 생성 이미지를 만들 수 있습니다. 여러 공급자, 종횡비, 참조 이미지를 지원하여 정확한 시각적 제어를 제공합니다.

AI 기반 텍스트 생성 및 이미지 제작을 위해 Google Gemini Web에 액세스합니다. 브라우저 기반 인증을 사용하여 Google 로그인을 안전하게 처리합니다. Gemini 기능이 필요한 다른 baoyu 스킬의 기반을 제공합니다.

시각적으로 매력적인 아티클 커버 이미지를 만들려면 디자인 기술과 이미지 생성 도구가 필요합니다. 이 스킬은 콘텐츠를 분석하여 다양한 시각적 스타일로 우아한 손그림 스타일의 커버 이미지를 자동으로 생성합니다.

복잡한 주제를 흥미로운 시각적 코믹으로 변환합니다. 다양한 아트 스타일에서 캐릭터 디자인, 스토리보드, 패널 레이아웃과 함께 다중 페이지 교육용 코믹을 생성합니다.

텍스트만으로는 독자의 관심을 끌기 어렵습니다. 이 스킬은 아티클 내용을 분석하고 핵심 위치에 자동으로 컨텍스트 일러스트를 생성합니다. 9가지 비주얼 스타일 중 선택하여 콘텐츠 톤과 주제에 맞게 활용하세요.

40개 이상의 AI 모델을 사용하여 텍스트, 이미지 또는 오디오에서 동영상을 생성하세요. Veo 3.1, Grok Video, Wan 2.5와 같은 도구로 소셜 미디어 클립, 마케팅 콘텐츠, 및 설명 영상을 만들 수 있습니다.

React 와 Remotion TSX 코드를 프로그래매틱하게 MP4 비디오로 변환합니다. 코드를 통해 애니메이션, 모션 그래픽, 데이터 기반 비디오를 생성하려는 개발자에게 이상적입니다.

Remotion을 사용하여 React TSX 코드를 전문적인 MP4 비디오로 변환합니다. 개발자, 콘텐츠 크리에이터 및 자동화 워크플로우를 위한 프로그래매틱 비디오 생성입니다.

팀에서는 앱 화면에 대한 빠르고 일관된 튜토리얼 영상이 필요하지만, 수동 편집은 느립니다. 이 스킬은 화면 검색과 Remotion 구성을 자동화하여 전환 효과와 오버레이가 포함된 렌더링 준비가 된 영상을 생성합니다.

이 기술은 일반적인 AI 생성 디자인과 구별되는 고유한 프로덕션급 프론트엔드 인터페이스를 제작합니다. 대담한 미학과 세심한 디테일로 세련된 웹 컴포넌트를 제공합니다.