ストリーミング最適化されたReact Markdownレンダラー「Streamdown」の導入、設定、カスタマイズを行います。構文ハイライト、Mermaid図、数式レンダリング、CJK対応を含みます。
Streamdown は、AI ストリーミング（Vercel AI SDK など）とシームレスに統合できるよう設計された、React ベースの Markdown レンダラーです。構文ハイライト（Shiki）、Mermaid 図、数式レンダリング（KaTeX）、CJK サポートなど、多彩なプラグインを備えており、コードブロック、図表、数式を含むコンテンツをリアルタイムでレンダリングできます。このスキルは、Streamdown のセットアップからプラグイン設定、テーマカスタマイズ、セキュリティ設定、さらに AI チャットやストリーミングとの統合までを包括的にサポートします。また、カレット（キャレット）表示、静的モード、カスタムコンポーネントの利用、Tailwind CSS や Vite とのトラブルシューティングなど、実践的なユースケースにも対応しています。
npx skills add https://github.com/vercel/streamdown/tree/main/skills/streamdownStreamdown — ストリーミング最適化された React Markdown レンダラーの導入、設定、カスタマイズを行います。構文ハイライト、Mermaid ダイアグラム、数式レンダリング、CJK サポートを備えています。Streamdown のセットアップ、設定、プラグイン、スタイリング、セキュリティ、または AI ストリーミング（例：Vercel AI SDK）との統合を扱う際に使用します。以下の場合にトリガーされます：
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".