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は、信頼性が高く高速なエンドツーエンドテストスイートを設計するための実践的なスキルです。重要なユーザーフローに絞ってカバレッジを選び、テストの不安定さを抑えつつ、CI運用を前提にPlaywrightやCypressのテストパターンを取り入れたい場合に役立ちます。