Add Markstream markdown renderer to Angular 20+ apps

This skill adds Markstream to Angular 20+ while preserving standalone-component patterns, signal-friendly bindings, safe rendering defaults, and explicit optional dependencies. It's meant to be used after markstream-install has already selected the framework and Angular is confirmed. Its workflow: before changing dependencies or source files, inspect the existing package manager and project conventions, preview the intended edits, and obtain explicit user approval; confirm Angular 20+ and record that markstream-angular is currently an alpha package; install the package plus only the specifically requested peers, importing markstream-angular/index.css and adding KaTeX CSS only when math rendering is needed; import MarkstreamAngularComponent into the standalone component's imports array; start with the content input and smoothStreaming set to 'auto', reaching for nodes plus final only when another layer already owns the AST; for live chat use fade set to false and opt into typewriter set to true, then on completion set final to true, disable pacing/cursor, and enable fade only if desired; use customHtmlTags and customComponents only for trusted tag workflows; keep htmlPolicy set to 'safe' and Mermaid in strict mode unless a narrowly scoped trusted legacy surface requires otherwise; and validate with the smallest available Angular build, typecheck, or dev command.

Documented limitations: it requires Angular 20+ and an alpha package, browser-heavy peers may need bundler or client-boundary work, and the skill does not design the host chat architecture or visual system. A security note: review dependency changes before installation, and never broaden HTML or Mermaid trust settings for untrusted model output.

Use for Angular-specific standalone imports, CSS, signals, custom tags or components, streaming state, and optional peers. Do not use below Angular 20, or when the application cannot accept an alpha renderer API.

Input is an Angular 20+ standalone-component application. Output is a working MarkstreamAngularComponent integration bound to signal-driven content, streaming, and completion state, with HTML/Mermaid trust kept at safe defaults.

import { Component, signal } from '@angular/core'
import { MarkstreamAngularComponent } from 'markstream-angular'
import 'markstream-angular/index.css'

@Component({
  selector: 'app-answer',
  standalone: true,
  imports: [MarkstreamAngularComponent],
  template: `
    <markstream-angular
      [content]="markdown()"
      [final]="done()"
      [fade]="done()"
      [typewriter]="!done()"
      [smoothStreaming]="done() ? false : 'auto'"
      [htmlPolicy]="'safe'"
    />
  `,
})
export class AnswerComponent {
  markdown = signal('# Streaming answer')
  done = signal(false)
}

Angular 20+ developers integrating Markstream's streaming markdown renderer into a standalone-component, signal-driven codebase who need safe rendering defaults and correct alpha-package handling.