스킬 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 브론즈

Maintain this Skill? Claim it 🥉 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 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.

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 • 2026. 7. 19. 버전별 보고서 열기

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

유지보수 최신성

2026. 7. 19.

사용량

0 다운로드 · 0 조회

파일 구조

📁 agents/

📄 openai.yaml

📄 SKILL.md