Integrate the alpha markstream-angular package into an Angular 20+ app. Use when Codex needs standalone component imports, signal-based examples, CSS wiring, custom HTML tags or customComponents setup, or optional peer integration in an Angular repository.
76
93%
Does it follow best practices?
Run evals on this skill
Adds up to 20 points to the overall score
View guide
Passed
No findings from the security scan
Use this skill when the host app is Angular and the task is to adopt the Angular package cleanly.
markstream-angular plus only the requested optional peers.markstream-angular/index.css from the app shell.
katex/dist/katex.min.css when math is enabled.MarkstreamAngularComponent in imports and keep examples signal-friendly.[content].
[content] and use built-in smooth streaming first.
[smoothStreaming]="'auto'" is the default and activates when [typewriter]="true" or [maxLiveNodes]="0".[typewriter] only controls the blinking cursor and defaults to false.[fade] controls node enter and streamed-text fade animations and defaults to true.[final]="true".
[smoothStreaming]="'auto'", [fade]="false", [typewriter]="true". Smooth pacing handles gradual appearance; fade would flicker.[smoothStreaming]="false", [fade]="true", [typewriter]="false". Content is already complete — pacing would slow it down, but fade gives a polished entry animation.[smoothStreaming]="isStreaming ? 'auto' : false", [fade]="!isStreaming".[final] for end-of-stream state; final parsing is gated until visible content catches up when smooth streaming is active.nodes + final only for worker-preparsed content, shared AST stores, or custom AST control.[htmlPolicy] now defaults to 'safe', and Mermaid strict mode is on by default through [mermaidProps].[customHtmlTags] and [customComponents] for trusted tag workflows.typewriter=false by default), but keep fade animations enabled by default (fade=true).[htmlPolicy]="'safe'" and Mermaid strict mode unless the task is preserving trusted legacy rendering.[htmlPolicy]="'trusted'" and [mermaidProps]="{ isStrict: false }", and document that trust boundary.docs/guide/angular-quick-start.mddocs/guide/angular-installation.mddocs/guide/playground.mddocs/guide/troubleshooting.mdf25ebd5
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.