chatbot-widget-creator
关于
This skill generates a production-ready ChatGPT-style chatbot widget with built-in solutions for common frontend issues. It provides infinite re-render protection, text selection "Ask AI" functionality, and integrated support for streaming SSE and RAG backends. Use it to quickly implement a monitored, performant chat interface in your web application.
快速安装
Claude Code
推荐npx skills add mattnigh/skills_collection -a claude-code/plugin add https://github.com/mattnigh/skills_collectiongit clone https://github.com/mattnigh/skills_collection.git ~/.claude/skills/chatbot-widget-creator在 Claude Code 中复制并粘贴此命令以安装该技能
GitHub 仓库
相关推荐技能
chatbot-widget-creator
其他这是一个为开发者提供的生产级聊天机器人小部件创建工具，能快速构建类似ChatGPT的交互界面。它解决了无限重渲染等常见生产问题，并内置了文本选择提问、SSE流式响应和RAG后端集成等关键功能。开发者可将其直接集成到前端项目中，获得一个具备完善监控和调试工具的开箱即用解决方案。
react-patterns
其他这是一个专为React 19开发者设计的综合技能，提供从Server Components、Actions到并发特性等最新模式的专家级指导。它能主动协助你进行组件架构设计、状态管理和性能优化，特别适合在实现React 19新功能或进行现代TypeScript开发时使用。该技能覆盖了use()、useOptimistic、React Compiler等核心API，是你构建高性能React应用的得力助手。
typescript-docs
其他这个Skill帮助开发者创建全面的TypeScript文档，支持JSDoc、TypeDoc和多层文档架构。它能生成API文档、架构决策记录(ADRs)和代码示例，特别支持NestJS、Express、React、Angular和Vue等框架。当需要为TypeScript项目生成API文档、添加模块注释或创建框架特定文档时，直接调用即可快速获得生产就绪的文档方案。
react-patterns
其他这是一个全面的React 19专家助手，专门帮助开发者掌握最新功能如Server Components、Actions和并发特性。它适用于组件架构设计、状态管理优化以及实现React 19新特性的任何开发场景。该Skill特别擅长使用TypeScript进行现代React开发，并能主动提供性能优化和最佳实践建议。