skills.rest
patleeman
patleemanCOMMUNITY
Explore all skills by this author β†’
WebsiteGitHub

artifacts

Create and render HTML, Mermaid, and LaTeX artifacts with per-conversation state storage.

22|2|Updated Feb 28, 2026
Search Tags:#html#mermaid#rendering#artifacts#artifact#latex
One-click install
npx skills add https://github.com/patleeman/neon-pilot --skill artifacts-patleeman
Or copy as Structured Prompt for Agentβ–Ό
Please help me install this Agent Skill.
Skill: artifacts
Source: https://github.com/patleeman/neon-pilot/tree/main/extensions/system-artifacts/skills/artifacts
Command: npx skills add https://github.com/patleeman/neon-pilot --skill artifacts-patleeman

SYSTEM DOCUMENTATION & REQUIREMENTS

πŸ’‘ This Skill includes references (resource) components.

What problem does it solve?

Artifacts are rendered outputs and durable deliverables that should remain inspectable after creation. This Skill provides guidance on creating, rendering, and persisting artifacts for both conversations and projects, including HTML reports, Mermaid diagrams, and LaTeX outputs.

Core Features & Use Cases

  • Conversation artifacts: render and view HTML, Mermaid, and LaTeX outputs attached to a conversation.
  • Project artifacts: store durable files with a project for exports, reports, and handoffs.
  • Artifact tool: central surface to create, render, and manage artifacts across contexts.
  • Storage and lifecycle: artifacts are organized per-conversation or per-project state as durable references.

Quick Start

Render a sample artifact for the current conversation using the artifact tool.

Frequently Asked Questions about artifacts

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I render and persist HTML, Mermaid, and LaTeX outputs across conversations?β–Ό

You can render and persist HTML, Mermaid, and LaTeX outputs by applying the artifacts Skill to conversations, which enforces artifact identity fields and uses per-conversation state storage for durable references.

What is the best way to manage durable project artifacts for exports and reports?β–Ό

Managing durable project artifacts is handled by applying the artifacts Skill to projects, organizing outputs into per-project artifacts folders for exports, reports, and handoffs.

Can I use the artifact tool to create and view rendered outputs within a conversation?β–Ό

Yes, the artifact tool serves as the central surface to create, render, view, and export HTML, Mermaid, and LaTeX artifacts directly attached to your current conversation.

Does this artifacts Skill support per-project state storage for LaTeX and Mermaid diagrams?β–Ό

Yes, the Skill supports per-project state storage by maintaining dedicated artifacts folders, allowing LaTeX and Mermaid diagrams to remain inspectable as durable deliverables after creation.

What fields are enforced when creating an artifact for rendering?β–Ό

Creating an artifact enforces identity fields including id, title, kind, content, createdAt, and updatedAt to ensure proper rendering, viewing, and referencing templates.

How do I export and reference templates for HTML and Mermaid artifacts?β–Ό

You can export and reference templates by using the artifact tool, which integrates rendering and management functions to handle HTML and Mermaid artifacts across different contexts.

Related Skills

Explore More Content & Communication Skills→
ollieb89ollieb89

web-artifacts-builder

Scaffold a React + Vite project and bundle it into a single HTML file.

Community
Advanced
nahisahonahisaho
3

scientific-clinical-reporting

Generate structured clinical reports from clinical data in PDF, LaTeX, HTML, and FHIR formats.

Community
Advanced
marcuskroghmarcuskrogh

tracker

Standardize issue lifecycle operations across GitHub, Jira, Linear, and Markdown backends.

Community
Advanced
zzafergokzzafergok
1

markdown-to-html-skill

Convert Markdown documents to HTML using marked.js, pandoc, gomarkdown, or static site generators.

Community
Intermediate