📦

react-dev

Name: react-dev
Author: softaworks

v1.0.0 Ревизия содержимого r1 Безопасно ⚙️ Внешние команды⚡ Содержит скрипты🌐 Доступ к сети🔑 Переменные окружения📁 Доступ к файловой системе

Создание типобезопасных компонентов React

Работа с React и TypeScript часто требует точных типов для событий, хуков и маршрутов. Этот skill предоставляет сфокусированные паттерны для типизированных компонентов, API React 19 и маршрутизации.

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

🥈 82 Серебро

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

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

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

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

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

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

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

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

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

Использование «react-dev». Мне нужен типизированный компонент поля формы для text и number inputs.

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

Skill предложит расширение native input props, типизированную модель value, точные change handlers и доступные идентификаторы ошибок.

Использование «react-dev». Я переношу компонент React 18 на React 19.

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

Skill определит использование устаревших forwardRef или useFormState и предложит паттерны ref-as-prop и useActionState.

Использование «react-dev». Мне нужны типизированные route params и search params.

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

Skill опишет паттерны TanStack Router или React Router для валидированных params, loader data и навигации.

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

Безопасно

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

All 132 static findings were reviewed against the Markdown-only skill content. They are false positives caused by fenced code blocks, TypeScript template literals, React key and event terminology, normal fetch and dynamic import examples, server-only environment access examples, and generated router paths. No prompt injection, executable malware behavior, or malicious semantic intent was found.

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

5,219

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

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

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

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

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

examples/generic-components.md:109-132 examples/generic-components.md:237-244 examples/generic-components.md:305-317 examples/generic-components.md:324-339 examples/generic-components.md:339-349 examples/generic-components.md:349-368 examples/generic-components.md:459-462 examples/generic-components.md:462-495 examples/server-components.md:38-44 examples/server-components.md:149-150 examples/server-components.md:150-166 README.md:212-238 references/event-handlers.md:42-58 references/event-handlers.md:277-296 references/react-19-patterns.md:111-118 references/react-19-patterns.md:480-506 references/react-router.md:184-192 references/react-router.md:226-233 references/react-router.md:531-533 references/react-router.md:797-810 references/tanstack-router.md:135-138 SKILL.md:30-39 SKILL.md:39-43 SKILL.md:43-52 SKILL.md:52-56 SKILL.md:56-61 SKILL.md:61-71 SKILL.md:71-79 SKILL.md:79-83 SKILL.md:83-89 SKILL.md:89-93 SKILL.md:93-104 SKILL.md:104-112 SKILL.md:112-133 SKILL.md:133-143 SKILL.md:143-146 SKILL.md:146-150 SKILL.md:150-153 SKILL.md:153-157 SKILL.md:157-168 SKILL.md:168-172 SKILL.md:172-178 SKILL.md:178-182 SKILL.md:182-190 SKILL.md:190-202 SKILL.md:202-235 SKILL.md:235-239 SKILL.md:239-245 SKILL.md:245-257 SKILL.md:257-262

⚡ Содержит скрипты (2)

examples/server-components.md:440 references/react-router.md:307

🌐 Доступ к сети (6)

examples/server-components.md:38 examples/server-components.md:38 references/hooks.md:263 references/react-19-patterns.md:428 references/react-19-patterns.md:480 references/tanstack-router.md:135

🔑 Переменные окружения (3)

examples/server-components.md:436 examples/server-components.md:436 examples/server-components.md:436

📁 Доступ к файловой системе (1)

references/react-router.md:23

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

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

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

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

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

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

https://skillstore.io/skills/softaworks-react-dev/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Значок Markdown

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

Значок HTML

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

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

<iframe src="https://skillstore.io/embed/skills/softaworks-react-dev.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

softaworks. (2026). react-dev security audit report (audit version 6) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/softaworks-react-dev/audits/6

Цитата BibTeX

@techreport{softaworks-softaworks-react-dev-2026,
  author = {softaworks},
  title = {react-dev security audit report (audit version 6)},
  institution = {Skillstore},
  year = {2026},
  number = {6},
  url = {https://skillstore.io/skills/softaworks-react-dev/audits/6},
  note = {Author version 1.0.0}
}

CITATION.cff

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

Оценка Skillstore

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

Архитектура

100

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

Контент

Сообщество

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

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

Создание типизированных компонентов

Создавайте переиспользуемые компоненты React с точными типами для props, children, refs и вариантов.

Внедрение паттернов React 19

Используйте ref as prop, useActionState, use(), Server Components и server actions с TypeScript.

Реализация типизированной маршрутизации

Применяйте типобезопасные route params, loader data, search params и паттерны навигации.

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

Типизировать базовый компонент

Помоги мне типизировать компонент React с TypeScript. Он должен расширять native button props и поддерживать варианты primary и secondary.

Типизировать обработчики событий

Проверь мои обработчики форм React и замени широкие типы событий точными TypeScript-типами событий для inputs, submit и keyboard actions.

Создать универсальный компонент

Спроектируй универсальный компонент таблицы React, который выводит column keys из типа данных и поддерживает пользовательские render functions.

Спланировать маршрутизацию React 19

Помоги перенести эту функцию React TypeScript на React 19 с Server Components, useActionState и type-safe router loader data.

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

Используйте конкретные типы событий React и currentTarget для типизации, специфичной для элемента.
Моделируйте варианты компонентов с помощью дискриминированных объединений вместо широких опциональных props.
Разделяйте Server Components и Client Components по границе файла и directive.