·flutter-design
*

flutter-design

リファクタリング UI 原則の Flutter/Dart 実装パターン。モバイルアプリのデザインを習得するための COMPANION スキル。常に有効にする対象: Flutter テーマ、ThemeData、ColorScheme、TextTheme、BoxDecoration、マテリアル 3、Flutter シャドウ、Flutter 間隔、Flutter タイポグラフィ、Flutter ダーク モード、Flutter コンポーネント、Flutter スタイリング、Dart UI、ウィジェット デコレーション。 ThemeData セットアップ、配色、タイポグラフィ スタイル、間隔ユーティリティ、装飾パターンを提供します。トルコ語: Flutter tema、Flutter renk、Flutter tasarım、Dart UI、ウィジェット スティル。英語: Flutter テーマ、マテリアル デザイン、Flutter スタイリング、ウィジェット装飾。

22インストール·1トレンド·@anilcancakir

インストール

$npx skills add https://github.com/anilcancakir/my-claude-code --skill flutter-design

flutter-design のインストール方法

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

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

ソース: anilcancakir/my-claude-code。

Flutter/Dart implementation companion for mobile-app-design-mastery skill. Translates Refactoring UI principles into Flutter code.

Prerequisite: This skill provides Flutter-specific syntax. For mobile design theory and decision-making, reference mobile-app-design-mastery skill.

If the project has ThemeData, AppColors, AppTextStyles, or similar—USE THEM:

リファクタリング UI 原則の Flutter/Dart 実装パターン。モバイルアプリのデザインを習得するための COMPANION スキル。常に有効にする対象: Flutter テーマ、ThemeData、ColorScheme、TextTheme、BoxDecoration、マテリアル 3、Flutter シャドウ、Flutter 間隔、Flutter タイポグラフィ、Flutter ダーク モード、Flutter コンポーネント、Flutter スタイリング、Dart UI、ウィジェット デコレーション。 ThemeData セットアップ、配色、タイポグラフィ スタイル、間隔ユーティリティ、装飾パターンを提供します。トルコ語: Flutter tema、Flutter renk、Flutter tasarım、Dart UI、ウィジェット スティル。英語: Flutter テーマ、マテリアル デザイン、Flutter スタイリング、ウィジェット装飾。 ソース: anilcancakir/my-claude-code。

引用可能な情報

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

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

Browse more skills from anilcancakir/my-claude-code

クイックアンサー

flutter-design とは?

リファクタリング UI 原則の Flutter/Dart 実装パターン。モバイルアプリのデザインを習得するための COMPANION スキル。常に有効にする対象: Flutter テーマ、ThemeData、ColorScheme、TextTheme、BoxDecoration、マテリアル 3、Flutter シャドウ、Flutter 間隔、Flutter タイポグラフィ、Flutter ダーク モード、Flutter コンポーネント、Flutter スタイリング、Dart UI、ウィジェット デコレーション。 ThemeData セットアップ、配色、タイポグラフィ スタイル、間隔ユーティリティ、装飾パターンを提供します。トルコ語: Flutter tema、Flutter renk、Flutter tasarım、Dart UI、ウィジェット スティル。英語: Flutter テーマ、マテリアル デザイン、Flutter スタイリング、ウィジェット装飾。 ソース: anilcancakir/my-claude-code。

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

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

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

https://github.com/anilcancakir/my-claude-code