Agent skill · software engineering · sickn33
markstream-angular
Integrate the alpha markstream-angular renderer into Angular 20+ applications with standalone components, signals, safe HTML defaults, and optional peer features.
Why this skill is useful
Provides specific integration patterns and configurations for using the alpha markstream-angular renderer in Angular applications that the AI wouldn't reliably generate on its own.
What it needs
Requires markstream-angular installed locally. About 2k tokens when loaded. Last updated 2026-08-07. 44,571 stars on the source repository.
What this skill does
Markstream Angular Overview Add Markstream to Angular 20+ while preserving standalone-component patterns, signal-friendly bindings, safe rendering defaults, and explicit optional dependencies. Use markstream-install for framework selection; use this skill once Angular is confirmed. When to Use 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. Workflow Inspect the existing package manager, installed package version and project conventions. A requested scoped integration already authorizes routine source/dependency edits; seek approval only for a material scope expansion or unresolved beta/alpha adoption decision. 1. Confirm Angular 20+ and record that markstream-angular is alpha. 2. Install the package plus only requested peers. Import markstream-angular/index.css; add KaTeX CSS only for math. 3. Import MarkstreamAngularComponent into the standalone component's imports. 4. Start with [content] and [smoothStreaming]="'auto'". Use nodes plus final only when another layer owns the AST. 5. For live chat use [fade]="false" and opt into [typewriter]="true". On completion set [final]="true", disable pacing/cursor, and enable fade only if desired. 6. Use [customHtmlTags] and [customComponents] only for trusted tag workflows. 7. Keep [htmlPolicy]="'safe'" and Mermaid strict mode unless a narrowly scoped trusted legacy surface requires otherwise. 8. Validate with the smallest Angular build, typecheck, or dev command. Example Limitations Requires Angular 20+ and an alpha package. Browser-heavy peers may need bundler or client-boundary work. This skill does not design the host chat architecture or visual system. Security & Safety Notes Review dependency changes before installation. Never broaden HTML or Mermaid trust settings for untrusted model output. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills sickn33/markstream-angular--667f32