/fl: コマンドリファレンス - SuperClaude統合
SuperClaudeパラメータバイパスとSpikeデベロップメントワークフロー統合機能を持つ、強化されたfluorite-mcpコマンド群です。
概要
/fl:
コマンドシリーズは、完全なSuperClaudeパラメータバイパスサポートを提供する強化されたfluorite-mcp機能を提供します。これらのコマンドは、Claude Code CLIとfluorite-mcpの包括的なライブラリ知識およびSpikeデベロップメントワークフローをブリッジします。
完全なパラメータバイパスサポート
✅ すべてのSuperClaudeフラグが透過的に渡されます:
--loop
- 反復的改善モード--wave-mode
- マルチステージオーケストレーション--delegate
- サブエージェント委任--until-perfect
- 品質ゲート強制--ultrathink
- 最大解析深度--all-mcp
- すべてのMCPサーバーを有効化
利用可能なコマンド
/fl:implement
Spikeデベロップメント統合による強化された機能実装。
使用法: /fl:implement [説明] [SuperClaude-フラグ] [--type タイプ] [--framework 名前]
主要機能:
- UIコンポーネント向けSpikeデベロップメントワークフロー
- 自動spikeテンプレート発見と適用
- 完全なSuperClaudeパラメータバイパス
- 要件の自然言語理解
例:
/fl:implement --loop --wave-mode --delegate --until-perfect --ultrathink --all-mcp "ドラッグアンドドロップできるツリービュー" --type component --framework react
Spikeワークフローの例:
- 🔍 Spike発見: ドラッグ&ドロップツリーテンプレートを発見
- 🏗️ Spikeミニマルアプリ: スタンドアロンツリーコンポーネントアプリを作成
- 🧪 検証: 独立環境で機能をテスト
- 🔗 統合: メインアプリケーションにシームレスにマージ
/fl:analyze
spike発見機能を持つ多次元解析。
使用法: /fl:analyze [ターゲット] [SuperClaude-フラグ] [--focus エリア] [--spike-discovery]
主要機能:
- 自動パターンと改善の発見
- fluoriteインテリジェンスによる強化
- フレームワーク特有の解析ルール
- パフォーマンス最適化推奨
例:
/fl:analyze --loop --wave-mode --delegate --until-perfect --ultrathink --all-mcp codebase/ --focus security
その他の強化されたコマンド
すべての /fl:
コマンドは同じパラメータバイパスパターンをサポートします:
/fl:build
- フレームワーク検出による強化されたプロジェクトビルド/fl:improve
- エビデンスベースのコード強化/fl:test
- fluoriteパターンによる包括的テスト/fl:design
- デザインシステム統合/fl:document
- プロフェッショナルドキュメント生成
Spikeデベロップメント統合
自動ワークフロー選択
コマンドは、Spikeデベロップメントワークフローが有益である場合を自動検出します:
- UIコンポーネント: ドラッグ&ドロップ、ツリービュー、複雑なフォーム
- データビジュアライゼーション: チャート、ダッシュボード、解析
- インタラクティブ機能: リアルタイム更新、アニメーション
- 統合チャレンジ: サードパーティライブラリ統合
シームレスなユーザーエクスペリエンス
ユーザーは意識することなく強化された機能を受け取れます:
- ✅ Spikeデベロップメントの専門知識が自動的に適用
- ✅ Spikeテンプレートがシームレスに発見・統合される
- ✅ SuperClaudeフラグは
/sc:
コマンドと同じように動作 - ✅ 最適なデベロップメントワークフローが自動選択される
Fluorite-MCPとの統合
ライブラリ仕様
- 完全な使用パターンを持つ87以上のライブラリ
- Next.js、React、Vue、FastAPIのフレームワーク専門知識
- 生成されたコードに組み込まれたベストプラクティス
静的解析
- 50以上のフレームワーク特有の検証ルール
- エラー予測エンジン
- パフォーマンス最適化提案
Spikeテンプレート
- 194の本番対応スキャフォールド
- 15以上のテクノロジースタックをカバー
- 自然言語テンプレート発見
- Spikeデベロップメントワークフロー統合
例
Reactコンポーネント開発
/fl:implement "ソートとフィルタリング機能付きレスポンシブデータテーブル" --framework react --loop
結果: 適切なTypeScript型、アクセシビリティ機能、レスポンシブデザインを持つTanStack Table仕様を使用。
API開発
/fl:implement "JWT認証付きFastAPIエンドポイント" --type api --framework fastapi --wave-mode
結果: Pydanticモデル、セキュリティパターン、OpenAPIドキュメント付きの完全なAPI実装。
フルスタック開発
/fl:implement --all-mcp "認証とデータベース付きNext.jsアプリ" --ultrathink --delegate
結果: NextAuth.js、Prisma、およびスタック全体のベストプラクティスを使用した協調実装。
設定
fluorite-mcpのセットアップが完了すると、コマンドは自動的に利用可能になります:
# セットアップ(一回限り)
npm i -g fluorite-mcp
fluorite-mcp setup
# Claude Code CLIでコマンドがすぐに利用可能
メリット
- 生産性向上: エキスパートパターンによる3-5倍の開発速度向上
- 品質保証: ベストプラクティス付きの本番対応コード
- 学習促進: 生成されたコード例による学習
- 一貫性: チームおよびプロジェクト間の標準化されたパターン
- 未来対応: 最新のフレームワークパターンとセキュリティプラクティス
完全なドキュメントについては、以下を参照してください:
- Spikeテンプレートカタログ - 完全な385テンプレートリファレンス
- APIドキュメント - 技術的APIリファレンス
- コマンドリファレンス - 標準コマンドドキュメント