非同期処理のバックエンドとフロントエンドを実装する際のベストプラクティスをまとめたスキルです。非同期処理が必要なWebサービスのフロントエンドおよびバックエンドを実装する際に利用されます。
Hotwire(Turbo + Stimulus)を使用してRuby on Railsの管理画面を実装し、PlaywrightによるE2Eテストを含めた完全な実装を行うスキル
JSONで定義されたAPI仕様を元にRuby on RailsでAPIと管理画面を実装するスキル。全体のオーケストレーションを行い、各ステップの詳細ガイドラインに従って実装を進めます。
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Claude Code用の開発支援ツールとプラグインのコレクションです。
このリポジトリはClaude Code Plugin Marketplaceに対応しており、公開しているプラグインを簡単にインストールして利用できます。
Claude Codeのマーケットプレイス機能を使用して、プラグインを簡単にインストールできます。
/plugin marketplace add [email protected]: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": "[email protected]"
},
"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
npx claudepluginhub xtone/ai_development_tools --plugin backend-developmentNo description provided.
iOS/SwiftUI development skills including coding guidelines, accessibility, code review checklist, migration guides, components, and state management (SSOT)
Track skill usage and sync to Notion database for team analytics
Expert agents for software architecture, backend development, and system design
Use this agent when designing APIs, building server-side logic, implementing databases, or architecting scalable backend systems. This agent specializes in creating robust, secure, and performant backend services. Examples:\n\n<example>\nContext: Designing a new API\nuser: "We need an API for our social sharing feature"\nassistant: "I'll design a RESTful API with proper authentication and rate limiting. Let me use the backend-architect agent to create a scalable backend architecture."\n<commentary>\nAPI design requires careful consideration of security, scalability, and maintainability.\n</commentary>\n</example>\n\n<example>\nContext: Database design and optimization\nuser: "Our queries are getting slow as we scale"\nassistant: "Database performance is critical at scale. I'll use the backend-architect agent to optimize queries and implement proper indexing strategies."\n<commentary>\nDatabase optimization requires deep understanding of query patterns and indexing strategies.\n</commentary>\n</example>\n\n<example>\nContext: Implementing authentication system\nuser: "Add OAuth2 login with Google and GitHub"\nassistant: "I'll implement secure OAuth2 authentication. Let me use the backend-architect agent to ensure proper token handling and security measures."\n<commentary>\nAuthentication systems require careful security considerations and proper implementation.\n</commentary>\n</example>
Full-stack orchestration with deployment, performance, security, and test automation
Agents specialized in backend development, API design, and system architecture. Focuses on scalable server-side solutions and data management.
Essential development subagents for everyday coding tasks - backend, frontend, fullstack, mobile, and API design
Complete fullstack development toolkit: React, Express/FastAPI, PostgreSQL scaffolding with AI agents