CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

markstream-angular

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.

Quality

85%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

75%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A tight, decision-oriented workflow for a niche integration task: concrete binding values, explicit defaults, and a sensible progression from content to nodes. The main improvements are adding an executable install/validate command pair with a failure-retry loop, and either clarifying where the doc targets live or splitting the streaming-vs-history detail into a reference file.

Suggestions

Give the exact install and validation commands (e.g. the npm install line for markstream-angular and a concrete 'ng build' or dev-server command) and add a brief fix-and-retry instruction when validation fails, which would raise both actionability and workflow clarity to anchor 5.

Clarify where the 'Useful Doc Targets' paths live (package repo vs. skill bundle) and say what each contains, or move them into a one-level-deep references file with short descriptions.

Trim the rationale in the streaming note ('This is a conservative visual/performance choice, not an API incompatibility...') to the operative guidance, or relocate the Vue 3 comparison to a reference file.

DimensionReasoningScore

Conciseness

The body is lean and assumes Angular competence — no explanation of what Angular, standalone components, or CSS imports are. A few spots could be trimmed, e.g. 'This is a conservative visual/performance choice, not an API incompatibility. This adapter has not adopted Vue 3's bounded append fades, so verify its animation behavior before enabling both.' is background rationale that could be shortened or moved to a reference. Efficient overall with minor over-explanation — anchor 4, not 5.

4 / 5

Actionability

Mostly executable guidance with concrete API values: '[smoothStreaming]="'auto'"', '[fade]="false"', '[typewriter]="true"', '[htmlPolicy]="'safe'"', '[mermaidProps]="{ isStrict: false }"', plus exact CSS import paths ('markstream-angular/index.css', 'katex/dist/katex.min.css'). Minor gaps keep it from anchor 5: no copy-paste install command for step 2, and no complete code snippet showing the standalone `imports` array or the dynamic-switch expressions in executable form.

4 / 5

Workflow Clarity

A clear 7-step sequence with a decision branch (streaming vs. recovering history vs. dynamic switch) and a validation step: 'Validate with the smallest useful Angular dev or build command'. The operation is non-destructive so the batch/destruction cap does not apply. It sits at anchor 4 rather than 5 because there is no feedback loop for validation failure (no 'if the build fails, fix and re-run' guidance) and step 7 leaves the actual command implicit.

4 / 5

Progressive Disclosure

No bundle files exist (references/, scripts/, assets/ are absent), so per the under-50-lines guideline well-organized sections alone would justify a 5. It falls to anchor 4 because the 'Useful Doc Targets' section lists bare paths ('docs/guide/angular-quick-start.md', etc.) that are neither part of a bundle nor located clearly relative to the skill, and the deeply nested streaming-animation detail in step 5 is exactly the kind of API-reference content that belongs in a one-level-deep reference file.

4 / 5

Total

16

/

20

Passed

Description

87%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A strong description in third-person voice that pairs a clear 'what' with an explicit 'Use when...' clause full of domain-specific trigger terms. The only minor gaps are the absence of synonyms/file extensions in the trigger list and a what-side that is a single integrate action rather than several enumerated capabilities.

DimensionReasoningScore

Specificity

Names concrete actions like 'standalone component imports, signal-based examples, CSS wiring, custom HTML tags or customComponents setup, or optional peer integration', which is several specific actions in the Angular-integration domain. The core 'what' is a single action ('Integrate the alpha markstream-angular package into an Angular 20+ app') with the rest framed as triggers, so coverage is good but not fully comprehensive — a 5 would enumerate the what-side actions as broadly as the anchor example.

4 / 5

Completeness

Explicitly answers both: 'Integrate the alpha markstream-angular package into an Angular 20+ app' (what) and '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' (when, with concrete trigger phrases). Third-person voice is used throughout ('Integrate', 'needs'), matching the anchor-5 example structure exactly.

5 / 5

Trigger Term Quality

Good keyword coverage of natural phrases a developer would say: 'standalone component imports', 'CSS wiring', 'custom HTML tags', 'customComponents setup', 'Angular repository'. Missing common synonyms and file extensions (e.g. no '.css', no alternate phrasings like 'Angular components' or 'set up markstream'), which keeps it below the comprehensive anchor 5 but comfortably above anchor 3 since the terms present are the ones users of this package would actually use.

4 / 5

Distinctiveness Conflict Risk

A clear niche: adopting a specific named package ('markstream-angular') in Angular 20+ repositories, with distinct triggers ('customComponents setup', 'signal-based examples', 'optional peer integration'). It would not plausibly fire for other Angular or rendering skills; minimal conflict risk.

5 / 5

Total

18

/

20

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository

Simon-He95/markstream-vue

Path

.agents/skills/markstream-angular/SKILL.md

Reviewed

Table of Contents

Is this your skill?

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.