일반적인 AI 생성 코드는 잊을 만하고 템플릿화된 디자인을 생산합니다. 이 스킬은 기억에 남는 사용자 경험을 만들어내는 대담한 미학적 방향성과 프로덕션 수준의 구현을 가르칩니다.

코드베이스에서 재사용 가능한 컴포넌트, 디자인 토큰, 패턴을 식별하고 구조화된 디자인 시스템으로 추출하세요. 이 스킬은 분산된 UI 코드를 체계적이고 문서화된 자산으��� 통합합니다.

이 스킬은 AI 어시스턴트가 불필요한 요소를 제거하여 복잡한 디자인을 단순화하고, 사용자가 목표에 도달할 수 있는 깔끔하고 집중된 사용자 인터페이스를 만드는 것을 도와줍니다.

기능적인 인터페이스는 종종 차갑고 기계적으로 느껴집니다. 이 스킬은 사용성을 유지하면서 사용자가 미소 짓게 되는 전략적인 기쁨과 개성을 순간적으로 추가합니다.

AI 생성 패턴, 시각적 계층 구조 문제 및 실행 가능한 개선 사항을 파악하여 인터페이스를 높이는 전문 UX 디자인 피드백을 받으세요.

회색빛이고 생명력 없는 인터페이스를 따뜻하고 매력적인 경험으로 변화시킵니다. 이 스킬은 시각적 계층 구조를 개선하고 사용자의 즐거움을 높이기 위해 의도적인 컬러 이론을 적용합니다.

혼란스러운 인터페이스 텍스트는 사용자를 좌절시키고 지원 비용을 증가시킵니다. 이 스킬은 전문 용어, 모호한 레이블, 부적절한 오류 메시지를 사용자를 효과적으로 안내하는 명확하고 인간 친화적인 문구로 변환합니다.

진부하고 기억에 남지 않는 인터페이스에 더 이상 타협하지 마세요. 이 스킬은 사용성과 접근성 표준을 유지하면서도 사용자를 사로잡는 시각적으로 인상적인 디자인을 Claude 가 만들 수 있도록 도와줍니다.

잘못된 인터페이스 품질은 사용자 경험을 저하시키고 장애를 가진 사용자를 배제합니다. 이 스킬은 접근성, 성능, 테마, 반응형 디자인에 대한 체계적인 감사를 제공하여 프로덕션에 도달하기 전에 문제를 식별합니다.

단조로운 그리드와 임의의 간격을 제거합니다. 이 스킬은 의도적인 간격, 다양한 리듬, 중요한 부분에 시선을 유도하는 구조화된 레이아웃을 통해 시각적 계층 구조를 만들기 위한 체계적인 접근 방식을 제공합니다.

정적 인터페이스는 미완성처럼 느껴지며 사용자를 안내할 기회를 놓치게 됩니다. 이 스킬은 사용자에게 피드백을 제공하고 이해도를 높이며 사용자를 압도하지 않으면서 즐거운 경험을 만들어내는 모션을 전략적으로 추가할 수 있도록 도와줍니다.

모바일, 태블릿, 데스크톱, 인쇄 또는 이메일을 통해 디자인을 작동시키기가 어려우신가요? 이 스킬은 일관성과 사용성을 유지하면서 다양한 맥락에 맞게 디자인을 적용하는 전문가의 안내를 제공합니다.

Payload CMS로 백엔드 API와 관리자 패널을 구축하려면 컬렉션, 필드, 훅, 접근 제어 패턴에 대한 이해가 필요합니다. 이 스킬은 TypeScript 우선 CMS 애플리케이션을 Next.js와 통합하여 구축하기 위한 포괄적인 문서와 코드 예제를 제공합니다.

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

전문적인 앱 스토어 스크린샷을 만드는 것은繁琐하고 시간이 많이 소요됩니다. 이 스킬은 Next.js와 html-to-image를 사용하여 Apple의 요구 해상도에서 마케팅 최적화된 iOS 스크린샷을 생성합니다.

복잡한 AI 작업은 컨텍스트가 증가함에 따라 집중력을 잃게 됩니다. 이 스킬은 외부 메모리로 지속 가능한 마크다운 파일을 사용하는 워크플로우 패턴을 제공합니다. 목표가 항상可见하게 유지되고 장기 작업 실행 전반에 걸쳐 진행 상황이 추적됩니다.

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

자연어 명령으로 Philips Hue 조명을 관리하세요. 이 스킬은 OpenHue CLI 를 Claude Code 와 통합하여 터미널을 벗어나지 않고 스마트 홈 조명을 제어할 수 있게 해줍니다.

전문적인 Seedance 영상 프롬프트를 수동으로 만드는 것은 시간이 많이 소요되며 특정 포맷 지식이 필요합니다. 이 스킬은 4가지 미적 스타일과 타임스탬프 기반 전환 효과를 갖춘 정교한 15초 모션 그래픽 프롬프트를 몇 초 만에 생성합니다.

서버 라우트, 파일 기반 라우팅, 미들웨어, 플러그인, 및 구성에 대한 Nuxt 4 패턴을 위한 개발자 가이드가 필요합니다. 이 스킬은 최신 Nuxt 규칙과 예제와 함께 진행형 참조 문서를 제공합니다.