스트림다운(Streamdown) — 스트리밍에 최적화된 React 마크다운 렌더러를 구현, 설정, 커스터마이징합니다. 구문 강조, Mermaid 다이어그램, 수식 렌더링, CJK 지원을 포함하며, Vercel AI SDK와 같은 AI 스트리밍 통합에 사용됩니다.
이 스킬은 Vercel이 제공하는 스트림다운(Streamdown)이라는 React 기반 마크다운 렌더러의 설치, 설정, 플러그인 구성, 스타일링, 보안 설정 및 AI 스트리밍 통합 전반을 지원합니다. 스트림다운은 실시간 스트리밍 환경에서 마크다운을 렌더링하도록 설계되어, 대규모 언어 모델(LLM)의 출력을 부분적으로 표시하는 AI 채팅 인터페이스에 특히 적합합니다. 주요 기능으로는 코드 구문 강조(Shiki 기반), Mermaid 다이어그램, 수식 렌더링(KaTeX), CJK(중국어/일본어/한국어) 텍스트 지원, 하이퍼링크 보안 및 커스텀 HTML 태그 제어 등이 포함됩니다. 이 스킬은 개발자가 Tailwind CSS, Shiki, Vite 관련 문제를 진단하고 해결하는 데도 도움을 주며, 캐럿(carets) 모드, 정적 모드, 커스텀 컴포넌트 등 고급 기능을 활용할 수 있도록 안내합니다.
npx skills add https://github.com/vercel/streamdown/tree/main/skills/streamdown스트림다운(Streamdown) — 스트리밍에 최적화된 React 마크다운 렌더러를 구현, 설정, 커스터마이징합니다. 구문 강조, Mermaid 다이어그램, 수식 렌더링, CJK 지원을 포함하며, Vercel AI SDK와 같은 AI 스트리밍 통합에 사용됩니다. 다음 상황에서 트리거됩니다: (1) 스트림다운 설치 또는 설정, (2) 플러그인 구성 (코드, mermaid, math, cjk), (3) 스트림다운 출력 스타일링 또는 테마 적용, (4) AI 채팅/스트리밍과 통합, (5) 보안, 링크 안전성, 커스텀 HTML 태그 구성, (6) 캐럿, 정적 모드, 커스텀 컴포넌트 사용, (7) Tailwind, Shiki, Vite 문제 해결.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".