flutter-building-layouts は何をしますか？
Flutterの制約システムとレイアウトウィジェットを使用してUIレイアウトを構築します。FlutterアプリケーションのUI構造を作成または改良する際に使用します。
概要
このスキルは、Flutterのレイアウトシステムを理解し、Row、Column、Stack、Container、Flexible、Expandedなどのレイアウトウィジェットを効果的に使用する方法を提供します。制約ベースのレイアウトモデルを活用して、適応性と可読性の高いUIを構築します。
使用方法
- Flutterアプリケーションで新しいUIレイアウトを作成する際にこのスキルを呼び出します。
- 既存のレイアウトをリファクタリングして、より効率的で保守しやすい構造にします。
- レスポンシブデザインや複雑なレイアウトパターンを実装する際にガイドとして利用します。
対応プラットフォーム
- Claude Code
- Cursor
- Codex
主要な機能
- 制約ベースのレイアウト構築
- 主なレイアウトウィジェット（Row, Column, Stack, Containerなど）の活用
- FlexibleおよびExpandedによる柔軟なサイズ調整
- レスポンシブ対応のレイアウト設計
注意事項
- スキルはFlutter SDKのバージョンに依存するため、最新のドキュメントと併用することを推奨します。
- パフォーマンスに影響を与える可能性があるため、過度にネストされたレイアウトは避けてください。