flutter-adaptive-ui

SKILL.md

Create Flutter applications that adapt gracefully to any screen size, platform, or input device. This skill provides comprehensive guidance for building responsive layouts that scale from mobile phones to large desktop displays while maintaining excellent user experience across touch, mouse, and keyboard interactions.

Core Layout Rule: Constraints go down. Sizes go up. Parent sets position.

Identify widgets that need adaptability and extract common data. Common patterns:

すべてのプラットフォームと画面サイズで美しく動作する、適応性と応答性の高い Flutter UI を構築します。画面サイズに基づいてレイアウトを調整し、モバイル タブレット デスクトップや Web を含む複数のプラットフォームをサポートし、タッチ マウスやキーボードなどのさまざまな入力デバイスを処理し、応答性の高いナビゲーション パターンを実装し、大画面や折りたたみ式デバイス向けに最適化するか、プラットフォーム固有の動作に機能とポリシー パターンを使用する必要がある Flutter アプリを作成するときに使用します。 ソース: madteacher/mad-agents-skills。

原文を見る