Folio Artifacts

Folio Artifacts is a skill for Claude Code, Codex from evergreen-it-dev/folio. It costs 47 tokens per session (1,217 once invoked), scanned A, original, MIT.

A way to build and publish interactive web pages inside Folio, such as dashboards, calculators, filterable reports, and charts. Unlike a normal document, an interactive page can run code and respond to user input.

In plain words
What is it for?
Use it to create small browser-based tools, data displays, calculators, and reports that users can click, filter, or update.
Why use it?
It provides a place for tools that cannot work as plain text or static markup. It also defines how the page, its files, and saved state are published.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Good fit Use it to create small browser-based tools, data displays, calculators, and reports that users can click, filter, or update.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/evergreen-it-dev/folio/folio-artifacts
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add evergreen-it-dev/folio --skill folio-artifacts
Clone the repo
git clone --depth 1 https://github.com/evergreen-it-dev/folio

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for Folio Artifacts

README.md
[![agentmods](https://agentmods.dev/badge/skills/evergreen-it-dev/folio/folio-artifacts/github.svg)](https://agentmods.dev/skills/evergreen-it-dev/folio/folio-artifacts)
Your own site
<a href="https://agentmods.dev/skills/evergreen-it-dev/folio/folio-artifacts"><img src="https://agentmods.dev/badge/skills/evergreen-it-dev/folio/folio-artifacts/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for Folio Artifacts

Your own site · 80×15
<a href="https://agentmods.dev/skills/evergreen-it-dev/folio/folio-artifacts"><img src="https://agentmods.dev/badge/skills/evergreen-it-dev/folio/folio-artifacts.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 47 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,217 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00047 $0.01217
Opus 5.5 $0.00019 $0.00487
Sonnet 5.5 $0.00009 $0.00243
Haiku 4.5 $0.00005 $0.00122

Measured 6d ago against content hash 0b5a47680eee, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

Folio Artifacts scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 6d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

server/assistant/skills/folio-artifacts/SKILL.md · 84 lines

How it starts

The opening of the file, as written. The whole thing — 84 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Folio artifacts (kind: artifact)

An artifact is an interactive page: HTML + JS (+ files) that runs in a sandboxed frame inside Folio. Use it when the user wants something a markdown page cannot do: a dashboard, a calculator, a filter or a chart that reacts to input, a small tool. A document never holds <script>/<iframe> — the sanitizer removes them — so interactive content always goes into an artifact. An artifact is in the tree, search, trash and Git like any page, but it is not edited in place: you replace it whole.

Only in AGENT mode (publish_artifact is a write tool).

publish_artifact

Input Meaning
space Space slug (required)
id Replace this artifact (its page id). Omit to create a new one
parentPath New artifact only: folder from the space root ("" = root), e.g. the folder of the current page
title, icon Page title (default: the HTML <title>) and an emoji
html The entry page: ONE complete, self-contained HTML document
text + type Raw svg / markdown / mermaid text instead of html; Folio wraps it into a page
files Extra files next to the entry (path, content, encoding: utf8 or base64), referenced from the HTML by relative path
entry Entry file when it is not index.html
sourceCode, sourceFileName The original JSX/TSX, kept verbatim next to the page (with type: react or canvas-tsx)
type html (default), react, svg, markdown, mermaid, canvas-tsx
origin, capabilities, properties Where it came from (other for something you built), what it needs from its host besides storage, page properties

The url and embedCode inputs of the public MCP tool are not available in the built-in chat: write the page yourself.

The reply has id, space, path, title, created, url and warnings. Tell the user about the warnings. End the answer with the link [<title>](/s/<space>/p/<id>).

Rules for the HTML

Read the full file on GitHub · 84 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 6d ago First seen · 84 lines · 47 tokens per session scan A 0b5a47680eee

Subscribe to this mod's changes

Folio Artifacts is a skill published in the GitHub repository evergreen-it-dev/folio (80 stars, last pushed 5d ago), licensed MIT. It adds 47 tokens to every session and 1,217 once invoked, about $0.0002 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-10-22.