·flutter-ui-ux
*

flutter-ui-ux

美しく、応答性が高く、アニメーション化されたモバイル アプリケーションを作成するための包括的な Flutter UI/UX 開発スキル。ユーザーが次のことを要求する場合に使用します。 (1) Flutter UIコンポーネントまたは画面を構築する (2) アニメーションとトランジションを実装する (3) レスポンシブなレイアウトを設計する (4) カスタムウィジェットとテーマを作成する (5) UIのパフォーマンスとアクセシビリティの最適化 トリガー: 「Flutter UI の作成」、「Flutter 画面の構築」、「Flutter アニメーション」、「レスポンシブな Flutter レイアウト」、「カスタム Flutter ウィジェット」、「Flutter テーマのデザイン」

93インストール·6トレンド·@ajianaz

インストール

$npx skills add https://github.com/ajianaz/skills-collection --skill flutter-ui-ux

flutter-ui-ux のインストール方法

コマンドラインで flutter-ui-ux AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/ajianaz/skills-collection --skill flutter-ui-ux
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: ajianaz/skills-collection。

Create beautiful, responsive, and animated Flutter applications with modern design patterns and best practices.

| 1 | Widget Composition | Reusable, maintainable UI components | | 2 | Responsive Design | Adaptive layouts for all screen sizes | | 3 | Animations | Smooth, purposeful transitions and micro-interactions | | 4 | Custom Themes | Consistent, branded visual identity | | 5 | Performance | 60fps rendering and optimal resource usage |

| LayoutBuilder | Responsive layouts | LayoutBuilder(builder: (context, constraints) => ...) | | MediaQuery | Screen info | MediaQuery.of(context).size.width | | Flexible/Expanded | Flex layouts | Flexible(child: ...) or Expanded(child: ...) | | AspectRatio | Fixed ratios | AspectRatio(aspectRatio: 16/9, child: ...) |

美しく、応答性が高く、アニメーション化されたモバイル アプリケーションを作成するための包括的な Flutter UI/UX 開発スキル。ユーザーが次のことを要求する場合に使用します。 (1) Flutter UIコンポーネントまたは画面を構築する (2) アニメーションとトランジションを実装する (3) レスポンシブなレイアウトを設計する (4) カスタムウィジェットとテーマを作成する (5) UIのパフォーマンスとアクセシビリティの最適化 トリガー: 「Flutter UI の作成」、「Flutter 画面の構築」、「Flutter アニメーション」、「レスポンシブな Flutter レイアウト」、「カスタム Flutter ウィジェット」、「Flutter テーマのデザイン」 ソース: ajianaz/skills-collection。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/ajianaz/skills-collection --skill flutter-ui-ux
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-02-22
更新日
2026-03-10

Browse more skills from ajianaz/skills-collection

クイックアンサー

flutter-ui-ux とは?

美しく、応答性が高く、アニメーション化されたモバイル アプリケーションを作成するための包括的な Flutter UI/UX 開発スキル。ユーザーが次のことを要求する場合に使用します。 (1) Flutter UIコンポーネントまたは画面を構築する (2) アニメーションとトランジションを実装する (3) レスポンシブなレイアウトを設計する (4) カスタムウィジェットとテーマを作成する (5) UIのパフォーマンスとアクセシビリティの最適化 トリガー: 「Flutter UI の作成」、「Flutter 画面の構築」、「Flutter アニメーション」、「レスポンシブな Flutter レイアウト」、「カスタム Flutter ウィジェット」、「Flutter テーマのデザイン」 ソース: ajianaz/skills-collection。

flutter-ui-ux のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/ajianaz/skills-collection --skill flutter-ui-ux インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/ajianaz/skills-collection