npx claudepluginhub xtone/ai_development_tools --plugin flutter-developmentテスト仕様書（Excel/Notion）からFlutter integration_testコードを自動生成するスキル。 Page Objectパターン + Key規約に基づき、仕様ステップとコードの対応を示すマッピングレポートも生成する。 「E2Eテストを生成」「テスト仕様からテストコードを作って」「integration_testを生成」などの発言で発動。
Flutterプロジェクトに Golden Test 環境をセットアップし、コンポーネントや画面のGolden Testを対話形式で作成するスキル。「Golden Testを導入したい」「ゴールデンテストをセットアップ」「スクリーンショットテストを作りたい」などのリクエストで起動。
Interactive Flutter Widget implementation assistant that guides you through widget implementation decisions by asking structured questions about state management, widget type (screen/component), and state sharing. Use this skill when you need help determining the appropriate Flutter widget architecture for your implementation.
Flutterプロジェクトの画面定義書（screen specification）を作成・管理するスキル。 「画面定義書を作成したい」「〇〇画面の定義書を作って」などの発言で発動し、 プロジェクト構造を解析してテンプレートをセットアップし、個別の画面定義書を生成します。
Claude Code用の開発支援ツールとプラグインのコレクションです。
このリポジトリはClaude Code Plugin Marketplaceに対応しており、公開しているプラグインを簡単にインストールして利用できます。
Claude Codeのマーケットプレイス機能を使用して、プラグインを簡単にインストールできます。
/plugin marketplace add git@github.com:xtone/ai_development_tools.git
または、HTTPSを使用する場合:
/plugin marketplace add xtone/ai_development_tools
インタラクティブにプラグインを選択してインストール:
/plugin
または、直接プラグイン名を指定してインストール:
/plugin install biome-format@xtone-ai-development-tools
/plugin install backend-development@xtone-ai-development-tools
/plugin install flutter-development@xtone-ai-development-tools
/plugin install android-development@xtone-ai-development-tools
/plugin install common-development@xtone-ai-development-tools
/plugin install skill-usage-tracker@xtone-ai-development-tools
/plugin install flutter-screen-spec-generator@xtone-ai-development-tools
/plugin install development-workflows@xtone-ai-development-tools
プラグインをインストールすると、以下が自動的に行われます:
個別のプラグインを手動でセットアップする場合は、各プラグインのREADMEを参照してください。
参考文献:
自分のプラグインをClaude Code Marketplaceで公開したい場合は、以下の手順に従ってください。
your-repo/
├── .claude-plugin/
│ └── marketplace.json # マーケットプレイスのメタデータ
└── your_plugin/
├── .claude-plugin/
│ └── plugin.json # プラグインの基本情報
├── hooks/
│ ├── hooks.json # Hooksの設定
│ └── your_script.sh # 実行スクリプト
└── README.md # プラグインのドキュメント
リポジトリのルートに .claude-plugin/marketplace.json を作成します:
{
"name": "your-marketplace-name",
"owner": {
"name": "Your Name",
"email": "your.email@example.com"
},
"plugins": [
{
"name": "plugin-name",
"source": "./path/to/plugin",
"description": "プラグインの説明",
"version": "0.1.0",
"author": {
"name": "Plugin Author"
}
}
]
}
各プラグインのディレクトリ内に .claude-plugin/plugin.json を作成します:
{
"name": "plugin-name"
}
プラグインのhooksディレクトリ内に hooks/hooks.json を作成します:
{
"hooks": {
"PostToolUse": [
{
"matcher": "Write|Edit|MultiEdit",
"hooks": [
{
"type": "command",
"command": "${CLAUDE_PLUGIN_ROOT}/hooks/your_script.sh"
}
]
}
]
}
}
重要: スクリプトパスには ${CLAUDE_PLUGIN_ROOT} 変数を使用してください。この変数はプラグインのインストール時に自動的にインストールディレクトリのパスに展開されます。
実行スクリプトには実行権限を付与し、gitリポジトリにその権限を記録します:
chmod +x your_plugin/hooks/your_script.sh
git add your_plugin/hooks/your_script.sh
git update-index --chmod=+x your_plugin/hooks/your_script.sh
リポジトリをGitHubにプッシュすることで、他のユーザーがマーケットプレイスを追加できるようになります。
参考文献:
Released under the MIT license https://opensource.org/licenses/mit-license.php
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Creative skill for generating algorithmic and generative art. Produces visual designs using mathematical patterns, fractals, and procedural generation.
Frontend design skill for UI/UX implementation
Humanise text and remove AI writing patterns. Detects and fixes 24 AI tell-tales including inflated language, promotional tone, AI vocabulary, filler phrases, sycophantic tone, and formulaic structure.
Expert guidance for Next.js Cache Components and Partial Prerendering (PPR). Proactively activates in projects with cacheComponents: true, providing patterns for 'use cache' directive, cacheLife(), cacheTag(), cache invalidation, and parameter permutation rendering.