📦

reactbits

Name: reactbits
Author: hwj23016021425

Ревизия содержимого r1 Безопасно ⚙️ Внешние команды

Добавление анимированных компонентов ReactBits

Разработчикам React нужны быстрые способы находить отполированные анимированные элементы UI. Этот навык ищет в ReactBits и помогает интегрировать компоненты в проекты React и Next.js.

Поддерживает: Claude Codex Code(CC)

🥉 78 Бронза

Установить с помощью моего Агента

Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.

Запрос агента

Review the Skillstore skill "reactbits" from https://skillstore.io/skills/hwj23016021425-reactbits.md and its manifest at https://skillstore.io/api/skills/hwj23016021425-reactbits/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.

Ресурсы для AI-агентов

Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.

Markdown-детали GET /skills/hwj23016021425-reactbits.md Подписанный manifest GET /api/skills/hwj23016021425-reactbits/manifest Подписанный lockfile GET /api/skills/hwj23016021425-reactbits/lockfile

Протестировать

Использование «reactbits». Найди анимацию hero-текста для продуктовой страницы Next.js.

Ожидаемый результат:

Краткий список подходящих компонентов текстовой анимации ReactBits, с заметками по стилю и лучшим вариантом для страницы.

Использование «reactbits». Добавь выбранный фоновый эффект в мое React-приложение.

Ожидаемый результат:

Рекомендации по исходному коду компонента, заметки о зависимостях, размещение файлов и инструкции по использованию для целевой страницы.

Использование «reactbits». Помоги выбрать компоненты для главной страницы портфолио.

Ожидаемый результат:

Сгруппированная рекомендация, охватывающая текстовую анимацию, отображение галереи, навигацию и варианты фона.

Аудит безопасности

Безопасно

v4 • 05.07.2026 Открыть версионный отчет

All static findings are false positives caused by markdown inline-code formatting around MCP tool names, paths, and metadata fields. I found no evidence of shell execution, prompt injection, data exfiltration, or malicious intent in SKILL.md.

Просканировано файлов

Проанализировано строк

Пункты проверки

Ложные срабатывания проигнорированы

Факторы риска

⚙️ Внешние команды (13)

SKILL.md:10 SKILL.md:11 SKILL.md:12 SKILL.md:13 SKILL.md:14 SKILL.md:36 SKILL.md:37 SKILL.md:38 SKILL.md:39 SKILL.md:45 SKILL.md:46 SKILL.md:48 SKILL.md:49

Последний завершенный статический и семантический аудит не обнаружил подтвержденных проблем безопасности. Это не доказывает отсутствие побочных эффектов у навыка.

Аудитор:: codex Посмотреть историю аудитов →

Поделиться и цитировать этот отчет

Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.

Открыть версионный отчет

Копировать ссылку на отчёт

https://skillstore.io/skills/hwj23016021425-reactbits/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Значок Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/hwj23016021425-reactbits/security.svg)](https://skillstore.io/skills/hwj23016021425-reactbits?utm_source=security_passport_badge)

Значок HTML

<a href="https://skillstore.io/skills/hwj23016021425-reactbits?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/hwj23016021425-reactbits/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Встраиваемая карточка

<iframe src="https://skillstore.io/embed/skills/hwj23016021425-reactbits.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Академические ссылки (APA · BibTeX · CFF)

Цитата APA

hwj23016021425. (2026). reactbits security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/hwj23016021425-reactbits/audits/4

Цитата BibTeX

@techreport{hwj23016021425-hwj23016021425-reactbits-2026,
  author = {hwj23016021425},
  title = {reactbits security audit report (audit version 4)},
  institution = {Skillstore},
  year = {2026},
  number = {4},
  url = {https://skillstore.io/skills/hwj23016021425-reactbits/audits/4},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "reactbits security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
  - name: "hwj23016021425"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/hwj23016021425-reactbits/audits/4"
identifiers:
  - type: other
    value: "skillstore:hwj23016021425-reactbits:audit:4"
    description: "Skillstore immutable audit report identifier"

Оценка Skillstore

Почему такая оценка Достоверность доказательств: Высокий

Архитектура

Сопровождаемость

Контент

Сообщество

Соответствие спецификации

Что вы можете построить

Создать лендинг

Найти компоненты фона, текстовой анимации и навигации, которые соответствуют запрошенному стилю страницы.

Улучшить анимацию продуктового UI

Найти эффекты взаимодействия, загрузчики и карточки, которые могут улучшить React-интерфейс.

Прототипировать визуальные концепции

Сравнить демо ReactBits перед выбором компонентов для быстрого дизайн-прототипа.

Попробуйте эти промпты

Просмотреть компоненты

Перечисли категории ReactBits и порекомендуй несколько удобных для новичков анимированных компонентов для моего React-проекта.

Найти конкретный эффект

Найди в ReactBits текстовую анимацию, которая хорошо подходит для hero-секции Next.js с использованием Tailwind.

Установить выбранный компонент

Получите исходный код и демо для выбранного компонента ReactBits, затем интегрируйте его в мой каталог components.

Спланировать визуальную систему

Порекомендуй компоненты ReactBits для продуктового лендинга с анимированным текстом, интерактивными карточками и ненавязчивым фоном.

Лучшие практики

Выберите стиль Tailwind или CSS перед получением исходного кода компонента.
Проверьте зависимости компонента перед установкой новых пакетов.
Проверьте производительность анимации на мобильных и десктопных viewport.

Избегать

Не добавляйте много тяжелых анимаций в один и тот же viewport.
Не устанавливайте зависимости без проверки совместимости с проектом.
Не копируйте компоненты без адаптации под требования доступности и макета.

Часто задаваемые вопросы

К чему подключается этот навык?

Он использует ReactBits MCP tools для просмотра, поиска и получения исходного кода компонентов и демо.

Поддерживает ли он Next.js?

Да. Рабочий процесс разработан для проектов React и Next.js.

Может ли он выбирать версии Tailwind или CSS?

Да. Навык спрашивает предпочитаемый стиль и может запрашивать варианты Tailwind или CSS.

Устанавливает ли он пакеты автоматически?

Он может определять зависимости, но пользователям следует проверять изменения пакетов перед установкой.

Проводит ли он аудит безопасности компонентов?

Нет. Он получает код компонента, но для изменений стороннего исходного кода требуется отдельная проверка.

Какие виды компонентов включены?

Он охватывает анимации, фоны, текстовые эффекты, UI-компоненты, кнопки, формы и загрузчики.

Сведения для разработчиков

Автор

hwj23016021425

Лицензия

MIT

Ревизия Skillstore

Примечание о версии

Автор не указал версию.

Репозиторий

https://github.com/hwj23016021425/reactbits-claude-skill/tree/master/.claude/skills/reactbits

Ссылка

30c73eac2afe762f6aa9c4553158769369d47351

Актуальность поддержки

18.07.2026

Использование

19 загрузок · 1 просмотров

Структура файлов

📄 SKILL.md