flutter-building-layouts

作成者： flutter

Flutterの制約システムを習得し、レスポンシブでオーバーフローしないレイアウトを効率的に構築する。基本原則：制約は下方向に流れ、サイズは上方向に流れ、親が位置を設定する。フレックスボックスやスクロール可能な領域では、無制約の制約を渡さない。線形レイアウトにはRow / Column、スペース配分にはExpanded / Flexible、重なり要素にはStack、厳密な制約にはSizedBoxを使用する。レスポンシブサイズ調整にはLayoutBuilder、モバイルやタブレットなど適応型レイアウトには条件付きレンダリングを適用する。

npx skills add https://github.com/flutter/skills --skill flutter-building-layouts

ZIPダウンロード GitHub

flutterのその他のスキル

adding-release-notes

DevToolsのリリースノートにユーザー向けの変更説明を追加します。NEXT_RELEASE_NOTES.mdファイルに改善点、修正、新機能を文書化する際に使用します。

dart-modern-features

モダナイゼーションの候補を見つけるには：

指定されたコードを標準的なAPI設計ガイドラインに照らしてレビューします。ユーザーがAPIレビューを依頼した場合や、コードをAPI設計に照らして確認したい場合にこのスキルを使用します。

code-documentation

効果的なコードドキュメントを書くためのガイド。docstring、JSDoc、dartdoc、実装コメントを含む。新しいコードを書く際や追加する際にこのスキルを使用する。

dart-add-unit-test

Write and organize unit tests for functions, methods, and classes using `package:test`. Use when creating new logic or fixing bugs to ensure code remains…

dart-build-cli-app

エントリポイント構造、終了コード、クロスプラットフォームのスクリプト。コマンドラインユーティリティ、スクリプト、またはアプリケーションを構築する際に使用します。

dart-collect-coverage

coverageパッケージを使用してカバレッジを収集し、LCOVレポートを作成します

dart-fix-runtime-errors

get_runtime_errors と lsp を使用してアクティブなスタックトレースを取得し、失敗している行を特定して修正を適用し、hot_reload で解決を確認します。