npx claudepluginhub xtone/ai_development_tools --plugin backend-development非同期処理のバックエンドとフロントエンドを実装する際のベストプラクティスをまとめたスキルです。非同期処理が必要なWebサービスのフロントエンドおよびバックエンドを実装する際に利用されます。
Hotwire(Turbo + Stimulus)を使用してRuby on Railsの管理画面を実装し、PlaywrightによるE2Eテストを含めた完全な実装を行うスキル
JSONで定義されたAPI仕様を元にRuby on RailsでAPIと管理画面を実装するスキル。全体のオーケストレーションを行い、各ステップの詳細ガイドラインに従って実装を進めます。
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.