Markstream Install

Use this skill when the task is "add markstream to an app" or "fix a broken markstream install".

Read references/scenarios.md before making dependency choices.

Workflow

1. Detect the target framework and CSS stack.
   • Check package.json, app entry files, Tailwind or UnoCSS config, and whether the repo is SSR or streaming-focused.
   • Choose the package that matches the host app: markstream-vue, markstream-vue2, markstream-react, or markstream-angular.
2. Install the smallest peer set that matches the requested features.
   • Add peers only for features the user actually needs: Monaco, Mermaid, D2, KaTeX, or Shiki.
   • Do not install every optional peer by default.
3. Fix CSS order.
   • Put reset styles before Markstream styles.
   • In Tailwind or UnoCSS projects, place markstream-*/index.css inside @layer components.