팀은 여러 제품에서 Tailwind 인터페이스의 일관성을 유지하는 데 어려움을 겪는 경우가 많습니다. 이 스킬은 재사용 가능한 토큰, 컴포넌트, 레이아웃, 테마, 접근성 패턴을 제공합니다.

프롬프트에 세부 정보가 부족하면 Google Stitch가 일반적인 디자인을 생성할 수 있습니다. 이 스킬은 화면, 흐름, 시각적 스타일, 접근성, 핸드오프를 위한 구조화된 프롬프트 가이드를 제공합니다.

정적인 페이지는 복잡한 이야기나 제품 여정을 설명하는 데 한계가 있을 수 있습니다. 이 스킬은 Claude, Codex, Claude Code가 스크롤 애니메이션, 패럴랙스 섹션, 스티키 패널, 접근성 있는 내러티브 흐름을 설계하도록 돕습니다.

마케팅 팀은 출시와 문서화를 위해 일관된 앱 스크린샷이 필요합니다. 이 스킬은 Claude, Codex 또는 Claude Code가 Playwright 캡처 워크플로를 진행하도록 안내합니다.

접근 가능한 컴포넌트 라이브러리는 헤드리스 프리미티브만으로 구축하기 어렵습니다. 이 스킬은 프로덕션 React 팀을 위해 Radix UI 아키텍처, 테마 적용, 컴포넌트 패턴을 안내합니다.

타이밍이 좋지 않은 팝업은 신뢰를 낮추고, 모바일 UX를 해치며, 전환을 약화할 수 있습니다. 이 스킬은 팀이 명확한 트리거, 카피, 타기팅, 테스트를 갖춘 존중 있는 팝업 전략을 설계하도록 돕습니다.

많은 업그레이드 프롬프트는 너무 이르게 나타나거나, 가치를 숨기거나, 불신을 만듭니다. 이 스킬은 적절한 시점의 페이월, 명확한 업그레이드 문구, 측정 가능한 실험을 설계하는 데 도움을 줍니다.

데스크톱 설계 가정을 휴대폰에 그대로 재사용하면 모바일 게임은 자주 실패합니다. 이 스킬은 Claude, Codex, Claude Code가 터치 컨트롤, 성능, 배터리 사용, 스토어 요건, 수익화를 계획하도록 돕습니다.

모바일 앱은 데스크톱 패턴이 터치, 성능, 플랫폼 선택을 좌우할 때 실패하는 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code가 iOS, Android, React Native, Flutter에서 모바일 우선 결정을 내리도록 안내합니다.

많은 포트폴리오는 가치를 빠르게 보여주지 못합니다. 이 스킬은 더 나은 포트폴리오 성과를 위해 프로젝트 스토리, 역할별 증거, 연락 경로를 체계적으로 구성하도록 돕습니다.

디자인 작업에서는 최종 에셋이 준비되기 전에 맞춤형 시각 자료가 필요한 경우가 많습니다. 이 스킬은 명확한 프롬프트를 바탕으로 PNG 에셋을 생성하는 Gemini 이미지 생성을 안내합니다.

Apple 기술 통합은 개인정보 보호, 권한 또는 플랫폼 패턴이 명확하지 않으면 심사에서 반려될 수 있습니다. 이 스킬은 Apple HIG 지침을 지원되는 프레임워크를 위한 실용적인 체크리스트로 전환합니다.

Apple 플랫폼 프로젝트는 HIG 가이던스가 유용해지기 전에 공유된 디자인 컨텍스트가 필요합니다. 이 스킬은 제품, 플랫폼, 기술, 접근성, 디자인 세부 정보를 수집하여 재사용 가능한 컨텍스트 문서로 정리합니다.

Apple 앱은 하나의 디자인을 모든 플랫폼에 그대로 복사할 때 품질이 떨어지는 경우가 많습니다. 이 스킬은 iOS, iPadOS, macOS, tvOS, visionOS, watchOS 및 게임을 위한 플랫폼별 HIG 지침을 제공합니다.

Apple 앱 팀은 온보딩, 로딩, 피드백, 권한 전반에서 인터랙션 패턴을 선택할 때 빠른 지침이 필요합니다. 이 스킬은 디자인 질문을 Apple HIG 참조 주제와 실용적인 구현 지침에 연결합니다.

Apple 앱은 기기 전반에서 일관된 입력 동작이 필요합니다. 이 스킬은 제스처, 키보드, 포인터, Pencil, visionOS, tvOS, 센서에 대한 HIG 지침을 제공합니다.

Apple 플랫폼 디자인 결정에는 여러 foundation 주제에 걸친 정확한 HIG 지침이 필요한 경우가 많습니다. 이 스킬은 Claude, Codex, Claude Code 워크플로를 위해 이러한 참고 자료를 체계화합니다.

Apple 시스템 표면에는 엄격한 레이아웃, 개인정보 보호, 상호작용 제약이 있습니다. 이 스킬은 Claude, Codex, Claude Code가 이러한 표면을 선택하고 구체화할 수 있도록 집중된 HIG 지침을 제공합니다.

상태 및 진행률 패턴은 잘못된 표시기가 나타나면 사용자를 혼란스럽게 할 수 있습니다. 이 스킬은 Apple HIG 지침을 적용하여 진행률 표시줄, 스피너, 상태 표시줄, Activity 링을 선택합니다.

Apple 검색 및 탐색 선택지는 플랫폼 전반에서 일관되게 맞추기 어려울 수 있습니다. 이 스킬은 HIG 지침을 검색 필드, 페이지 컨트롤, 경로 컨트롤에 대한 실용적인 추천으로 바꿔 줍니다.