Навыки react-server-components-framework

📦

react-server-components-framework

Name: react-server-components-framework
Author: AI Agent Hub

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

Создание React Server Components

React Server Components требуют внимательного разделения серверных и клиентских границ. Этот навык предоставляет паттерны Next.js App Router, шаблоны и чек-листы для реализации.

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

⚠️ 38 Плохо

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

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

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

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

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

Review the Skillstore skill "react-server-components-framework" from https://skillstore.io/skills/ariegoldkin-react-server-components-framework.md and its manifest at https://skillstore.io/api/skills/ariegoldkin-react-server-components-framework/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

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

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

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

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

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

Использование «react-server-components-framework». Мне нужно решить, где должен выполняться фильтр поиска на странице продукта.

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

Ответ отделяет серверно отрисованные данные продукта от интерактивного элемента управления фильтром и объясняет компромиссы границы.

Использование «react-server-components-framework». Мне нужен Server Action для создания записи в блоге.

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

Ответ описывает валидацию, проверки сессии, мутацию базы данных, повторную валидацию кэша, поведение редиректа и состояния ошибок.

Использование «react-server-components-framework». Я переношу dashboard с Pages Router на App Router.

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

Ответ сопоставляет устаревшее получение данных, структуру layout, состояния загрузки и метаданные с эквивалентами App Router.

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

Высокий риск

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

All 127 static alerts are false positives caused by documentation formatting, standard React patterns, placeholder fetch calls, or server-only environment access. Manual review found stored cross-site scripting, missing authorization, mass assignment, and draft disclosure in the supplied examples. These examples require security hardening before publication.

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

2,709

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

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

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

Подтверждённые проблемы безопасности (4)

Высокий

examples/blog-app-example.tsx:69-89 examples/blog-app-example.tsx:276-279

Stored Cross-Site Scripting in Blog Example

The blog example stores author-supplied post content and renders it as raw HTML without sanitization. Script-bearing content could execute in readers' browsers.

The input schema accepts unrestricted content, stores it, and later passes it directly to dangerouslySetInnerHTML. No sanitization step appears in the example.

Высокий

templates/server-action-template.ts:30-50 templates/server-action-template.ts:110-142 templates/server-action-template.ts:151-158 templates/server-action-template.ts:174-205 templates/server-action-template.ts:219-236

Missing Authorization in Mutating Server Actions

Several exported Server Actions create, delete, toggle, bulk-update, upload, or revalidate without authentication or authorization. Remote callers could abuse these mutation endpoints.

These functions are exported from a use-server module and perform privileged operations without calling the session or ownership checks shown in updateResource.

Высокий

templates/server-action-template.ts:71-92 templates/server-action-template.ts:151-158

Mass Assignment in Resource Update Actions

Update actions accept Partial<Resource> and pass it directly to database operations without an allowlist schema. Callers could modify fields outside the intended form.

The exported actions accept caller-provided partial database records and use them as update data. No Zod schema or field allowlist constrains these values.

Средний

examples/blog-app-example.tsx:238-250

Unpublished Blog Posts Exposed by Slug

The public post page loads any post matching a slug without requiring published status. Anyone who learns a draft slug could read unpublished content.

The listing and static-parameter queries filter published posts, but the page query uses only the slug and renders the returned record without an access check.

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

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

examples/blog-app-example.tsx:93 examples/blog-app-example.tsx:118 examples/blog-app-example.tsx:226 examples/blog-app-example.tsx:424 references/component-patterns.md:61-62 references/component-patterns.md:62-67 references/component-patterns.md:417-422 references/server-actions.md:22-24 SKILL.md:45 SKILL.md:50 SKILL.md:51 SKILL.md:53 SKILL.md:56 SKILL.md:58 SKILL.md:68-80 SKILL.md:80-83 SKILL.md:83-87 SKILL.md:87-89 SKILL.md:89 SKILL.md:98-107 SKILL.md:107-109 SKILL.md:109-113 SKILL.md:113-124 SKILL.md:124-140 SKILL.md:140-147 SKILL.md:147-152 SKILL.md:152-157 SKILL.md:157-160 SKILL.md:160-164 SKILL.md:164-167 SKILL.md:167-171 SKILL.md:171-173 SKILL.md:173-186 SKILL.md:186-201 SKILL.md:201-212 SKILL.md:212-220 SKILL.md:220-244 SKILL.md:244-245 SKILL.md:245-246 SKILL.md:246-254 SKILL.md:254-267 SKILL.md:267-283 SKILL.md:283-300 SKILL.md:300-304 SKILL.md:304-317 SKILL.md:317-321 SKILL.md:321-334 SKILL.md:334-340 SKILL.md:340 SKILL.md:343-344

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

references/component-patterns.md:375

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

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

references/component-patterns.md:59 references/component-patterns.md:59 references/component-patterns.md:59 templates/server-component-template.tsx:30 templates/server-component-template.tsx:30 templates/server-component-template.tsx:30

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

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

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

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

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

https://skillstore.io/skills/ariegoldkin-react-server-components-framework/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Значок Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/ariegoldkin-react-server-components-framework/security.svg)](https://skillstore.io/skills/ariegoldkin-react-server-components-framework?utm_source=security_passport_badge)

Значок HTML

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

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

<iframe src="https://skillstore.io/embed/skills/ariegoldkin-react-server-components-framework.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

AI Agent Hub. (2026). react-server-components-framework security audit report (audit version 9) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/ariegoldkin-react-server-components-framework/audits/9

Цитата BibTeX

@techreport{ai-agent-hub-ariegoldkin-react-server-components-framework-2026,
  author = {AI Agent Hub},
  title = {react-server-components-framework security audit report (audit version 9)},
  institution = {Skillstore},
  year = {2026},
  number = {9},
  url = {https://skillstore.io/skills/ariegoldkin-react-server-components-framework/audits/9},
  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-server-components-framework security audit report (audit version 9)"
version: "1.0.0"
type: report
authors:
  - name: "AI Agent Hub"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/ariegoldkin-react-server-components-framework/audits/9"
identifiers:
  - type: other
    value: "skillstore:ariegoldkin-react-server-components-framework:audit:9"
    description: "Skillstore immutable audit report identifier"

Оценка Skillstore

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

Архитектура

100

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

Контент

Сообщество

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

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

Планирование архитектуры App Router

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

Реализация Server Actions

Создавайте мутации форм с валидацией, повторной валидацией кэша, редиректами и progressive enhancement.

Миграция с Pages Router

Перенесите получение данных, layouts, метаданные и API routes в паттерны App Router.

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

Выбрать границы компонентов

Изучи эту функцию и скажи, какие части должны быть Server Components, а какие должны быть Client Components.

Создать Server Component

Используй этот навык, чтобы спроектировать Server Component, который получает данные, обрабатывает ошибки и передает медленные секции через streaming с Suspense.

Спроектировать Server Action

Создай план Server Action для этой формы с валидацией, авторизацией, повторной валидацией, состояниями обратной связи для пользователя.

Провести аудит миграции App Router

Сравни эту реализацию Pages Router с лучшими практиками App Router и перечисли конкретные шаги миграции и риски.

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

Держите Client Components небольшими и размещайте их рядом с интерактивным UI.
Валидируйте и авторизуйте каждый Server Action перед изменением данных.
Используйте границы Suspense вокруг независимых медленных источников данных.

Избегать

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