Навыки markstream-react

📦

markstream-react

Name: markstream-react
Author: simon-he95

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

Integrate Markstream in React Apps

React and Next applications need correct renderer setup and safe streaming behavior. This skill guides CSS imports, client boundaries, rendering modes, and migration decisions.

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

🥉 77 Бронза

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

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

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

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

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

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

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

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

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

Использование «markstream-react». I need Markstream in a standard React application.

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

Confirm the application uses React.
Install markstream-react and requested peers.
Import the stylesheet from the application shell.
Begin with content-based rendering.

Использование «markstream-react». My Next chat message streams, then becomes final.

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

Use automatic smooth streaming while the message streams.
Disable fade during streaming to avoid flicker.
When final, disable smooth streaming and enable fade for completed history.
Keep browser-only dependencies behind a client boundary.

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

Безопасно

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

All 29 static detections are false positives caused by Markdown inline-code delimiters and configuration terms in SKILL.md. The skill contains integration guidance only; no executable commands, reconnaissance behavior, prompt injection, or data-exfiltration intent was found.

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

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

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

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

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

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

Аудитор:: claude

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

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

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

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

https://skillstore.io/skills/simon-he95-markstream-react/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Значок Markdown

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

Значок HTML

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

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

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

simon-he95. (2026). markstream-react security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/simon-he95-markstream-react/audits/1

Цитата BibTeX

@techreport{simon-he95-simon-he95-markstream-react-2026,
  author = {simon-he95},
  title = {markstream-react security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/simon-he95-markstream-react/audits/1},
  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: "markstream-react security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
  - name: "simon-he95"
date-released: "2026-07-19"
url: "https://skillstore.io/skills/simon-he95-markstream-react/audits/1"
identifiers:
  - type: other
    value: "skillstore:simon-he95-markstream-react:audit:1"
    description: "Skillstore immutable audit report identifier"

Оценка Skillstore

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

Архитектура

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

Контент

Сообщество

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

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

Add a React markdown renderer

Set up markstream-react, import its stylesheet, and choose an initial content-based renderer configuration.

Build a streaming chat interface

Configure smooth streaming while tokens arrive and switch to completed-history behavior when a message is final.

Plan a react-markdown migration

Assess renderer wiring, scoped overrides, and when to use the related migration guidance.

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

Start a React integration

Help me add markstream-react to this React application. Identify the correct CSS import location and a minimal content-based setup.

Configure a Next client boundary

Review this Next application structure and recommend the smallest client-only boundary for markstream-react and its browser-only peers.

Tune chat streaming

Configure markstream-react for a chat message that streams tokens and then becomes final. Explain the smoothStreaming, fade, and typewriter choices.

Assess a renderer migration

Assess this react-markdown usage for migration to markstream-react. Identify required renderer changes, scoped overrides, SSR concerns, and validation steps.

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

Start with content rendering unless another layer already owns parsing or AST transforms.
Use the smallest client-only boundary needed for browser-dependent integrations.
Keep safe HTML policy and Mermaid strict mode unless trusted content has been reviewed.

Избегать

Do not enable trusted HTML rendering for untrusted user content.
Do not use smooth streaming for first-screen SSR content unless a blank initial state is intentional.
Do not move to nodes rendering before confirming a need for external AST control.

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

Which applications does this skill support?

It supports React 18+, Next, and other React-based host applications.

Where should I import the stylesheet?

Import markstream-react/index.css from the application shell or client entry.

Should I use content or nodes?

Use content first. Use nodes when another layer owns parsing, AST transforms, or shared AST storage.

How should streaming messages behave?

Use automatic smooth streaming while content arrives. Switch to completed-history settings after the message is final.

How does this work with Next SSR?

Put browser-only dependencies behind the smallest practical client-only boundary or a non-SSR dynamic import.

When can I use trusted HTML or relaxed Mermaid mode?

Use them only for reviewed trusted surfaces and document why the safer defaults do not apply.

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

Автор

simon-he95

Лицензия

MIT

Ревизия Skillstore

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

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

Репозиторий

https://github.com/simon-he95/markstream-vue/tree/6d75c25888c10809bf938931ebd78127583fa2dd/.agents/skills/markstream-react

Ссылка

aeb1814252a7125c8b732442bf1e7f2cd1f686c1

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

19.07.2026

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

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

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

📁 agents/

📄 openai.yaml

📄 SKILL.md