Cross Device

mobile-android-design는 Material Design 3, Jetpack Compose, 테마 설정, 내비게이션, 그리고 휴대폰·태블릿·폴더블에 대응하는 적응형 레이아웃 패턴을 바탕으로, 에이전트가 Android 네이티브 UI 가이드를 제공하도록 돕는 스킬입니다.

wshobson/agents 저장소의 responsive-design 스킬로 container queries, fluid typography, CSS Grid, Flexbox, 모바일 우선 breakpoints를 활용해 반응형 UI 레이아웃을 설계하고 구현하세요.

adapt 스킬은 기존 UI를 새로운 디바이스나 사용 맥락에 맞게 다시 설계할 때 유용합니다. adapt 워크플로, 필요한 frontend-design 의존성, 설치 경로, 그리고 모바일·태블릿·인쇄물·크로스플랫폼 환경에서의 실전 UI/UX 변경 활용법을 확인해 보세요.

adapt 스킬은 UI/UX 팀이 기존 인터페이스를 모바일, 태블릿, 인쇄물, 터치 환경처럼 새로운 맥락에 맞게 재설계할 때 도움을 줍니다. 구현에 들어가기 전에 adapt로 기존 전제, 대상 환경의 제약, 상호작용 변화 요소를 먼저 점검할 수 있습니다. pbakaus/impeccable에서 설치하고, 더 나은 결과를 위해 /frontend-design과 함께 사용하는 것이 좋습니다.

adapt를 사용하면 기존 UI/UX 디자인을 모바일, 태블릿, 데스크톱, 인쇄물, TV 등 다양한 환경에 맞게 조정할 수 있습니다. 이 안내는 설치 기본 사항, 필요한 디자인 컨텍스트 설정, 그리고 기기·맥락 간 적응 작업에 활용하는 실용적인 adapt 사용법을 다룹니다.

e2e-testing-patterns는 신뢰할 수 있고 빠른 엔드투엔드 테스트 스위트를 설계하는 데 유용한 실전형 스킬입니다. 핵심 사용자 흐름 중심으로 커버리지를 정하고, flaky 테스트를 줄이며, CI에 바로 활용할 수 있는 Playwright 또는 Cypress 테스트 패턴을 적용할 때 적합합니다.