chatbot-widget-creator
О программе
Этот навык создает готовый к использованию виджет чат-бота в стиле ChatGPT со встроенными решениями для типичных фронтенд-проблем. Он обеспечивает защиту от бесконечных перерисовок, функциональность "Спросить ИИ" при выделении текста и встроенную поддержку потоковых SSE- и RAG-бэкендов. Используйте его для быстрого внедрения контролируемого и производительного чат-интерфейса в вашем веб-приложении.
Быстрая установка
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 для интеграции во фронтенд. Он включает ключевые функции, такие как защита от бесконечных перерисовок, возможность выделения текста с функцией «Спросить ИИ», а также готовую интеграцию с RAG-бэкендами и SSE-стримингом. Используйте его для быстрого развертывания проверенного в бою и контролируемого чат-интерфейса.
gemini-frontend-assistant
ДругоеЭтот навык использует интерфейс командной строки Gemini для генерации кода пользовательского интерфейса из текстовых описаний или изображений. Он специализируется на создании React-компонентов с использованием Tailwind CSS, что делает его идеальным инструментом для преобразования скриншотов или концепций дизайна в рабочий код. Разработчикам рекомендуется применять его для быстрого прототипирования, помощи в стилизации и рефакторинга кода.
typescript-docs
ДругоеЭтот навык создает комплексную документацию на TypeScript, используя JSDoc и TypeDoc, для различных аудиторий. Он формирует API-документацию, записи архитектурных решений (ADR), а также примеры для конкретных фреймворков: NestJS, Express, React, Angular и Vue. Используйте его для документирования модулей, генерации API-документации или выстраивания многоуровневых паттернов документирования.
react-patterns
ДругоеЭтот навык предоставляет экспертные рекомендации по новейшим паттернам React 19, включая Серверные Компоненты, Actions и хуки, такие как `useOptimistic`. Используйте его для проектирования архитектуры компонентов, управления состоянием и оптимизации производительности при создании современных React-приложений. Он активно помогает во внедрении конкурентных функций, Suspense и разработке с использованием TypeScript.