Note To Artifact — Data skill for Claude Code
Use when turning notes, data, or a plan into a beautiful, self-contained HTML artifact (report, dashboard, plan, table, or diagram) in the Anthropic-flavored "HTML is all you need" style — especially.
How to install Note To Artifact
Installs to ~/.claude/skills/cavi-ai-obsidian-agent-note-to-artifact/SKILL.md
mkdir -p ~/.claude/skills/cavi-ai-obsidian-agent-note-to-artifact && curl -fsSL https://raw.githubusercontent.com/cavi-ai/obsidian-agent/HEAD/commands/note-to-artifact.md -o ~/.claude/skills/cavi-ai-obsidian-agent-note-to-artifact/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Note To Artifact does
description: Use when turning notes, data, or a plan into a beautiful, self-contained HTML artifact (report, dashboard, plan, table, or diagram) in the Anthropic-flavored "HTML is all you need" style — especially for Obsidian notes rendered in a ```claude-html``` block. argument-hint: ""
Claude compatibility adapter
Invoke **`obsidian-agent:note-to-artifact`** with the user's arguments:
`$ARGUMENTS`
Follow that canonical skill exactly. This command contains no i
Alternatives in Data
- Archify — Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self 17.2k ★
- Azure Document Intelligence .net — Document text, table, and data extraction 1.8k ★
- SVG Diagram — Agent skill that draws architecture, flowchart, sequence, data-flow and lifecycle diagrams as hand-placed SVG 414 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Obsidian Bases
Create or edit Obsidian Bases (.base files) — native database views over vault notes (table/card/list, filters
Symptomsync Agentic AI Change
Use when tasks touch agentic_ai/, including the FastAPI service, LangGraph flow, agents, chains, settings, tes
Parry
by Dmytro Onypko - Prompt injection scanner for Claude Code hooks. Scans tool inputs and outputs for injection
Claude Code For Marketers
Workshop pack: Claude Code for marketers — Edge of Search 2026 masterclass with Brogan Renshaw. Sample data an
Anthropic Retrieval Demo
Lightweight demo using the Anthropic Python SDK to experiment with Claude's Search and Retrieval capabilities
AI Analyst Genome
AI Analyst Genome — self-contained bootstrap for building AI Data Analyst products with Claude Code. Powered b
Related Agents
Boxbox Visualizer
Takes the analyzer's graph.json and renders a beautiful, beginner-friendly self-contained HTML diagram. Used b
AI Readiness Reporter.Agent
Runs the AgentRC readiness assessment on the current repository and produces a self-contained, static HTML das
Klein Tutor
TUTORIAL worker for Klein Auto Research — builds report/index.html, the self-contained seven-section teaching