markstream-custom-components
Customize Markstream Vue Renderers
Default Markdown renderers can limit application-specific layouts and trusted custom tags. This skill guides scoped Vue component overrides that preserve nested Markdown and rendering behavior.
Install with my Agent
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "markstream-custom-components" from https://skillstore.io/skills/simon-he95-markstream-custom-components.md and its manifest at https://skillstore.io/api/skills/simon-he95-markstream-custom-components/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Agent-readable resources
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Test it
Using "markstream-custom-components". Which key should I use to customize Mermaid diagrams?
Expected outcome:
- Use the mermaid override key, not code_block.
- Keep the mapping scoped with customId when only one renderer instance needs it.
- Preserve estimated preview height for stable asynchronous previews.
Using "markstream-custom-components". How do I support a trusted custom tag with Markdown inside it?
Expected outcome:
- Add the tag to the customHtmlTags allowlist.
- Map the same tag name to a scoped component.
- Use a nested renderer for node.content and pass the same allowlist.
Security Audit
SafeAll 20 static findings are false positives. The analyzer interpreted Markdown inline-code delimiters and the word Mermaid as shell execution or system reconnaissance. The reviewed files contain documentation only and show no command execution, network activity, prompt injection, or data-exfiltration intent.
Risk Factors
Share & cite this report
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
Copy report link
https://skillstore.io/skills/simon-he95-markstream-custom-components/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown badge
[](https://skillstore.io/skills/simon-he95-markstream-custom-components?utm_source=security_passport_badge)HTML badge
<a href="https://skillstore.io/skills/simon-he95-markstream-custom-components?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/simon-he95-markstream-custom-components/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Embed card
<iframe src="https://skillstore.io/embed/skills/simon-he95-markstream-custom-components.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Academic citations (APA · BibTeX · CFF)
APA citation
simon-he95. (2026). markstream-custom-components security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/simon-he95-markstream-custom-components/audits/1BibTeX citation
@techreport{simon-he95-simon-he95-markstream-custom-components-2026,
author = {simon-he95},
title = {markstream-custom-components security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/simon-he95-markstream-custom-components/audits/1},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "markstream-custom-components security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "simon-he95"
date-released: "2026-07-19"
url: "https://skillstore.io/skills/simon-he95-markstream-custom-components/audits/1"
identifiers:
- type: other
value: "skillstore:simon-he95-markstream-custom-components:audit:1"
description: "Skillstore immutable audit report identifier"
Skillstore Score
Why this score Evidence Confidence: MediumWhat You Can Build
Create scoped documentation renderers
Replace image or link rendering for one documentation view without changing the whole application.
Add trusted product callouts
Render an allowlisted custom tag with nested Markdown content and a dedicated Vue component.
Stabilize diagram previews
Customize Mermaid or infographic nodes while retaining preview height and loading behavior.
Try These Prompts
I need to customize how Markstream renders Mermaid diagrams. Which override key and scope should I use?
Show the steps to register a scoped image renderer with customId in my Markstream Vue application.
Help me render an allowlisted thinking tag with nested Markdown while preserving the custom tag allowlist.
Review my plan for scoped Mermaid and link overrides. List required props, cleanup steps, and checks for nested rendering.
Best Practices
- Use scoped component mappings before global mappings.
- Start with a leaf-node override before replacing a container node.
- Validate repeated and nested custom tags with a focused local check.
Avoid
- Do not use code_block when only Mermaid rendering needs customization.
- Do not add untrusted tags to the custom HTML allowlist.
- Do not omit cleanup for temporary scoped component mappings.
Frequently Asked Questions
What does this skill customize?
When should I use a scoped mapping?
Which key customizes Mermaid diagrams?
Can a custom tag contain Markdown?
Does this skill support parser transformations?
What should I test after an override?
Developer Details
Author
simon-he95License
MIT
Skillstore revision
r1
Version notice
The author did not declare a version.
Ref
aeb1814252a7125c8b732442bf1e7f2cd1f686c1
Maintenance freshness
7/19/2026
Usage
0 downloads · 0 views
File structure