chatbot-widget-creator
について
このスキルは、フロントエンド統合用の本番環境対応のChatGPTスタイルチャットボットウィジェットを生成します。無限再レンダリング防止、テキスト選択時の「AIに質問」機能、RAGバックエンドおよびSSEストリーミングとの即時連携など、重要な機能を備えています。実戦でテストされ、監視機能を備えたチャットインターフェースを迅速に導入するためにご利用ください。
クイックインストール
Claude Code
推奨npx skills add majiayu000/claude-skill-registry -a claude-code/plugin add https://github.com/majiayu000/claude-skill-registrygit clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/chatbot-widget-creatorこのコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします
GitHub リポジトリ
関連スキル
chatbot-widget-creator
その他このスキルは、一般的なフロントエンドの問題に対する組み込みソリューションを備えた、本番環境対応のChatGPTスタイルのチャットボットウィジェットを生成します。無限再レンダリング防止、テキスト選択時の「Ask AI」機能、ストリーミングSSEおよびRAGバックエンドの統合サポートを提供します。Webアプリケーションに監視機能付きの高性能チャットインターフェースを迅速に実装するためにご利用ください。
react-patterns
その他このスキルは、React 19の最新パターンについて、サーバーコンポーネント、アクション、そして`useOptimistic`やSuspenseのような並行処理機能を含む専門的なガイダンスを提供します。コンポーネントアーキテクチャ、状態管理、パフォーマンス最適化、そして最新のTypeScript開発の実装にご活用ください。React 19の開発に関するあらゆる質問やコードレビューのための頼りになるリソースです。
typescript-docs
その他このスキルは、JSDocとTypeDocを使用して包括的なTypeScriptドキュメントを生成し、APIリファレンス、アーキテクチャ決定記録(ADR)、およびフレームワーク固有の例を提供します。モジュールの自動ドキュメント化、異なる読者層向けの多層ドキュメントの作成、NestJS、Express、React、Angular、Vueを使用するプロジェクトのドキュメント設定にご利用ください。
react-patterns
その他このスキルは、React 19の最新パターン(Server Components、Actions、`useOptimistic`などのフックを含む)に関する専門的なガイダンスを提供します。モダンなReactアプリケーション構築におけるコンポーネント設計、状態管理、パフォーマンス最適化に活用できます。並行機能、Suspense、TypeScript開発の実装を積極的に支援します。
