chatbot-widget-creator

このスキルは、一般的なフロントエンドの問題に対する組み込みソリューションを備えた、本番環境対応のChatGPTスタイルのチャットボットウィジェットを生成します。無限再レンダリング防止、テキスト選択時の「Ask AI」機能、ストリーミングSSEおよびRAGバックエンドの統合サポートを提供します。Webアプリケーションに監視機能付きの高性能チャットインターフェースを迅速に実装するためにご利用ください。

このスキルはGemini CLIを使用して、テキスト説明や画像からフロントエンドUIコードを生成します。ReactコンポーネントをTailwind CSSで作成することに特化しており、スクリーンショットやデザインコンセプトを実働コードに変換するのに最適です。開発者は迅速なプロトタイピング、スタイリング支援、コードリファクタリング作業に活用できます。

このスキルは、JSDocとTypeDocを使用して多様な対象者向けに包括的なTypeScriptドキュメントを生成します。APIドキュメント、アーキテクチャ決定記録（ADR）、およびNestJS、Express、React、Angular、Vue向けのフレームワーク固有の例を作成します。モジュールの文書化、APIドキュメントの生成、または階層化されたドキュメントパターンの確立にご利用ください。

このスキルは、React 19の最新パターン（Server Components、Actions、`useOptimistic`などのフックを含む）に関する専門的なガイダンスを提供します。モダンなReactアプリケーション構築におけるコンポーネント設計、状態管理、パフォーマンス最適化に活用できます。並行機能、Suspense、TypeScript開発の実装を積極的に支援します。