Adapt UI designs for mobile, tablet, desktop, print, and email contexts.
npx skills add https://github.com/tuanemuy/dotfiles --skill adapt-tuanemuy
Please help me install this Agent Skill. Skill: adapt Source: https://github.com/tuanemuy/dotfiles/tree/main/config/claude/skills/adapt Command: npx skills add https://github.com/tuanemuy/dotfiles --skill adapt-tuanemuy
このスキルは、異なるデバイスやコンテキストに対して一貫したユーザー体験を実現するためのデザイン適応を支援します。画面サイズの違い、入力デバイス、プラットフォーム間の差異に対応することで、ブランドと機能の整合性を保ちながら最適なUIを提供します。
モバイルファーストの設計原則から開始し、ターゲットコンテキストに合わせて徐々にデスクトップ向け要素を追加します。
High-intent search queries and answers about installing and using this skill.
Responsive design maintains a consistent user experience across mobile, tablet, and desktop contexts by applying context-driven layout strategies, adapting interactions, prioritizing content, and defining navigation guidelines for each specific screen size and input method.
Maintaining consistent UI UX across different devices requires defining context analysis requirements and adaptation strategies that address screen size differences, input devices, and platform variations while preserving brand and functional integrity throughout the responsive design.
Mobile-first design works for tablet and desktop UI adaptation by starting with core mobile design principles and gradually adding desktop-oriented layout, interaction, and navigation elements tailored to each target context's specific practical requirements.
Responsive design adaptation covers print and email contexts alongside mobile, tablet, and desktop, providing layout, interaction, content, and navigation decisions to maintain a consistent user experience across all these distinct viewing environments.
Testing cross-context UI adaptation involves following defined testing guidelines that evaluate content prioritization, interaction patterns, and navigation decisions across multiple devices to ensure the responsive design meets practical context analysis requirements.
tridentsofApply UI/UX principles to layout, color, typography, and interaction decisions.
LortunateApply context-aware design adaptations to multi-device interfaces.
ky-zoProvides structured guidelines for responsive layouts, navigation, and content prioritization across devices.
kaishinAdapt design patterns across screen sizes, devices, and contexts.
