MCP HubMCP Hub
Retour aux compétences

chatbot-widget-creator

mattnigh
Mis à jour 5 days ago
6 vues
22
1
22
Voir sur GitHub
Autreaitesting

À propos

Cette compétence génère un widget de chatbot de type ChatGPT prêt pour la production, avec des solutions intégrées pour les problèmes frontend courants. Elle offre une protection contre les re-rendus infinis, une fonctionnalité de sélection de texte "Demander à l'IA", et une prise en charge intégrée des backends SSE en streaming et RAG. Utilisez-la pour implémenter rapidement une interface de chat surveillée et performante dans votre application web.

Installation rapide

Claude Code

Recommandé
Principal
npx skills add mattnigh/skills_collection -a claude-code
Commande PluginAlternatif
/plugin add https://github.com/mattnigh/skills_collection
Git CloneAlternatif
git clone https://github.com/mattnigh/skills_collection.git ~/.claude/skills/chatbot-widget-creator

Copiez et collez cette commande dans Claude Code pour installer cette compétence

Dépôt GitHub

mattnigh/skills_collection
Chemin: collection/MrOwaisAbdullah__ai-humanoid-robotics__claude__skills__chatbot-widget-creator__SKILL.md
0

Compétences associées

chatbot-widget-creator

Autre

Cette compétence crée un widget de chatbot de type ChatGPT, prêt pour la production, destiné à l'intégration frontend. Elle inclut des fonctionnalités essentielles telles que la protection contre les re-rendus infinis, la fonctionnalité "Demander à l'IA" par sélection de texte, et une intégration prête à l'emploi avec des backends RAG et le streaming SSE. Utilisez-la pour déployer rapidement une interface de chat éprouvée en conditions réelles et surveillée.

Voir la compétence

typescript-docs

Autre

Cette compétence génère une documentation TypeScript complète en utilisant JSDoc et TypeDoc pour les références d'API, les enregistrements de décisions architecturales (ADR), et des exemples spécifiques aux frameworks. Utilisez-la pour documenter automatiquement des modules, créer une documentation à plusieurs niveaux pour différents publics, ou configurer la documentation pour des projets utilisant NestJS, Express, React, Angular ou Vue.

Voir la compétence

react-patterns

Autre

Cette compétence fournit des conseils d'expert sur les dernières pratiques de React 19, y compris les Composants Serveur, les Actions et les fonctionnalités concurrentes comme `useOptimistic` et Suspense. Utilisez-la pour l'architecture des composants, la gestion d'état, l'optimisation des performances et la mise en œuvre du développement TypeScript moderne. C'est votre ressource incontournable pour toute question de développement React 19 ou revue de code.

Voir la compétence

react-patterns

Autre

Cette compétence offre des conseils d'expert sur les dernières pratiques de React 19, incluant les Composants Serveur, les Actions et les hooks comme `useOptimistic`. Utilisez-la pour l'architecture des composants, la gestion d'état et l'optimisation des performances lors du développement d'applications React modernes. Elle assiste activement dans la mise en œuvre des fonctionnalités concurrentes, de Suspense et du développement avec TypeScript.

Voir la compétence