markstream-angular

Original：🇺🇸 English

Translated

Integrate markstream-angular into an Angular 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.

3installs

Sourcesimon-he95/markstream-vue

Added on2026-04-20

NPX Install

npx skill4agent add simon-he95/markstream-vue markstream-angular

SKILL.md Content

View Translation Comparison →

Markstream Angular

Use this skill when the host app is Angular and the task is to adopt the Angular package cleanly.

Workflow

Confirm the repo is Angular.
Install
```
markstream-angular
```
plus only the requested optional peers.

Import

markstream-angular/index.css

from the app shell.

Add
```
katex/dist/katex.min.css
```
when math is enabled.

Prefer standalone Angular integration.
- Use
```
MarkstreamAngularComponent
```
  in
```
imports
```
  and keep examples signal-friendly.
Start with
```
[content]
```
.
- Use
```
[final]
```
  ,
```
[codeBlockStream]
```
  , and other streaming inputs only when the UI actually streams.
Use
```
[customHtmlTags]
```
and
```
[customComponents]
```
for trusted tag workflows.
Validate with the smallest useful Angular dev or build command.

Default Decisions

Standalone Angular first, NgModule-era patterns only when the repo still depends on them.
Treat streaming flags as opt-in.
Keep optional peers minimal and explicit.

Useful Doc Targets

```
docs/guide/angular-quick-start.md
```
```
docs/guide/angular-installation.md
```
```
docs/guide/playground.md
```
```
docs/guide/troubleshooting.md
```