Markdown Article Formatter
JimLiu/baoyu-skills
Reformats plain text or Markdown articles with frontmatter, a title, a summary, headings, bold, lists and code blocks, and saves a separate formatted copy.
A skill your agent uses when an artifact-owning skill requires a durable Markdown file to be presented for user review in a coding agent.
Install Artifact Preview
$ npx skills add sugarforever/boring-video-studio --skill artifact-preview -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install sugarforever/boring-video-studio artifact-preview --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/sugarforever/boring-video-studio.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/artifact-preview .claude/skills/artifact-preview && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "artifact-preview" agent skill from https://github.com/sugarforever/boring-video-studio/tree/main/skills/artifact-preview into .claude/skills/artifact-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "artifact-preview", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/sugarforever/boring-video-studio/tree/main/skills/artifact-previewType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add sugarforever/boring-video-studio --skill artifact-preview -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install sugarforever/boring-video-studio artifact-preview --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/sugarforever/boring-video-studio.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/artifact-preview .agents/skills/artifact-preview && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "artifact-preview" agent skill from https://github.com/sugarforever/boring-video-studio/tree/main/skills/artifact-preview into .agents/skills/artifact-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "artifact-preview", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add sugarforever/boring-video-studio --skill artifact-preview -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install sugarforever/boring-video-studio artifact-preview --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/sugarforever/boring-video-studio.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/artifact-preview .cursor/skills/artifact-preview && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "artifact-preview" agent skill from https://github.com/sugarforever/boring-video-studio/tree/main/skills/artifact-preview into .cursor/skills/artifact-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "artifact-preview", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/sugarforever/boring-video-studio.git --path skills/artifact-preview--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add sugarforever/boring-video-studio --skill artifact-preview -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install sugarforever/boring-video-studio artifact-preview --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/sugarforever/boring-video-studio.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/artifact-preview .gemini/skills/artifact-preview && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "artifact-preview" agent skill from https://github.com/sugarforever/boring-video-studio/tree/main/skills/artifact-preview into .gemini/skills/artifact-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "artifact-preview", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install sugarforever/boring-video-studio artifact-previewInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add sugarforever/boring-video-studio --skill artifact-preview -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/sugarforever/boring-video-studio.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/artifact-preview .github/skills/artifact-preview && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "artifact-preview" agent skill from https://github.com/sugarforever/boring-video-studio/tree/main/skills/artifact-preview into .github/skills/artifact-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "artifact-preview", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add sugarforever/boring-video-studio --skill artifact-preview -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install sugarforever/boring-video-studio artifact-preview --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/sugarforever/boring-video-studio.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/artifact-preview .opencode/skills/artifact-preview && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "artifact-preview" agent skill from https://github.com/sugarforever/boring-video-studio/tree/main/skills/artifact-preview into .opencode/skills/artifact-preview/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "artifact-preview", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
artifact-preview- GitHub stars
- 167
- Token cost
- ~811 tokens
- SKILL.md length
- 450 words
- Files
- 1
- Skills in repo
- 11
- Repo updated
- First seen
- Licence
- MIT
At a glance
A skill your agent uses when an artifact-owning skill requires a durable Markdown file to be presented for user review in a coding agent.
- Works in 7 steps: Compute the source file's SHA-256 digest. → Create or refresh .preview.html beside… → Build a review header containing the… → …
- An artifact-owning skill requires a durable Markdown file to be presented for user review in a coding agent
- SKILL.md covers Produce the preview, Present it and Completion criterion
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Artifact Preview is an agent skill from sugarforever/boring-video-studio. Use when an artifact-owning skill requires a durable Markdown file to be presented for user review in a coding agent.
Its SKILL.md is about 810 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Documents & Office. The repository describes itself as: 小木头的个人视频流水线 Agent Skill - VerySmallWoods Video. The licence is MIT.
When your agent uses it
- An artifact-owning skill requires a durable Markdown file to be presented for user review in a coding agent
Example prompts
- “/artifact-preview”
Workflow steps
7 steps, taken from the first numbered list in SKILL.md.
- Compute the source file's SHA-256 digest.
- Create or refresh .preview.html beside the source file.
- Build a review header containing the artifact title, source path, source status value verbatim when present (otherwise not declared), and…
- Render frontmatter as metadata and every Markdown heading section as semantic HTML: headings, paragraphs, lists, tables, code blocks, and…
- Label the page as derived review material.
- Use one self-contained HTML file with inline CSS and optional inline JavaScript. It must need no server, build step, network request…
- Treat source text as data and escape it before inserting it into HTML.
What it can do on your machine
Read from SKILL.md and the folder at commit ec7b52f. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Artifact Preview loads about 811 tokens when it runs. Until then it costs about 34 tokens; SKILL.md has 450 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from sugarforever/boring-video-studio at commit ec7b52f, republished under its MIT licence (© sugarforever). 450 words, ~811 tokens.
Download SKILL.mdSave it as
.claude/skills/artifact-preview/SKILL.md (or your agent's skills folder).- name
- artifact-preview
- description
- Use when an artifact-owning skill requires a durable Markdown file to be presented for user review in a coding agent.
Artifact preview
Present an artifact as a readable, self-contained HTML review surface. The source Markdown remains authoritative; the preview is a derived view.
Produce the preview
After writing a durable Markdown artifact, or after any later source change once its preview exists:
- Compute the source file's SHA-256 digest.
- Create or refresh
<basename>.preview.htmlbeside the source file. - Build a review header containing the artifact title, source path, source status value verbatim when present (otherwise
not declared), and digest; add a table of contents for multi-section documents. - Render frontmatter as metadata and every Markdown heading section as semantic HTML: headings, paragraphs, lists, tables, code blocks, and safe links. Preserve approval state, open checks, evidence links, stable IDs, and lineage fields that affect review. A raw-source appendix is optional; a
<pre>dump is not the primary review surface. - Label the page as derived review material.
- Use one self-contained HTML file with inline CSS and optional inline JavaScript. It must need no server, build step, network request, external font, stylesheet, script, image, or other local file.
- Treat source text as data and escape it before inserting it into HTML.
Present it
Present the rendered page through the host's native HTML or browser preview when available; opening the HTML source in an editor is not presentation.
- In Codex, open a rendered browser/file preview when the capability exists; otherwise include a clickable Markdown link to the absolute file path in the final response.
- In Claude Code, use its browser or platform file-opening capability when available; otherwise emit the absolute
file://URI together with the filesystem path.
The presentation branch succeeds only when the opening tool confirms success or the host renders a clickable link or URI. Plain unlinked path text is not presentation.
Presenting a preview never records approval. Only the approval rule in the artifact-owning skill can change status or approval metadata. A later source change makes the preview stale.
Show full SKILL.md (128 more words)Show less
Completion criterion
The preview step is complete when:
<basename>.preview.htmlexists beside the source;- its displayed source path and digest match the current Markdown file;
- the frontmatter and every Markdown heading section appear in the semantic review surface;
- a static audit finds no external URL in automatically loaded resources (
src, stylesheet links, imports, CSSurl(), or media), nofetch,XMLHttpRequest,WebSocket, or dynamicimport, and no non-data:resource-bearing attribute; safe user-activated anchors may use fragments, relative paths,http:, orhttps:; - it renders without horizontal page overflow at 1280 px when a rendered-preview capability is available; otherwise its CSS provides page wrapping plus local overflow containment for wide tables and code blocks; and
- it has been presented through one successful host branch: rendered preview, browser preview, or supported absolute-path link.
© sugarforever, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in skills/artifact-preview of sugarforever/boring-video-studio.
Open the folder on GitHubat commit ec7b52f
Compare with similar skills
Artifact Preview next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Artifact Preview this skillsugarforever/boring-video-studio | 167 | — | ~811 | Automated safety check: Pass | MIT | |
| Markdown Article FormatterJimLiu/baoyu-skills | 26k | 6 repos | ~3.5k | Automated safety check: Pass | MIT | |
| MarkitdownImCa0/just-laws | 782 | 14 repos | ~3.2k | Automated safety check: Notes | MIT | |
| Obsidian MarkdownAtmosphere/atmosphere | 3.8k | 20 repos | ~1.3k | Automated safety check: Pass | Apache-2.0 | |
| DOCXrvdbreemen/OTGW-firmware | 207 | 33 repos | ~4.3k | Automated safety check: Pass | Proprietary | |
| Gzh Designisjiamu/gzh-design-skill | 3.9k | 1 repos | ~2.2k | Automated safety check: Pass | AGPL-3.0 |
Similar skills
Markitdown
ImCa0/just-laws
Convert files and office documents to Markdown. An agent skill from ImCa0/just-laws.
Obsidian Markdown
Atmosphere/atmosphere
Create and edit Obsidian Flavored Markdown with wikilinks, embeds, callouts, properties, and other Obsidian-specific syntax.
DOCX
rvdbreemen/OTGW-firmware
A skill your agent uses whenever the user wants to create, read, edit, or manipulate Word documents (.docx files).
Gzh Design
isjiamu/gzh-design-skill
微信公众号文章排版引擎，将 Markdown 转换为可直接粘贴到公众号编辑器的 HTML。主题风格从 references/theme-index.md 注册的自定义主题库中选取，自动章节编号、关键词下划线标记、引言卡片、目录导航、代码块、图片/GIF、作者签名。支持 Markdown / Word(.docx) / PDF / 纯文本输入（非 Markdown…
Word Document Reader and Writer
HKUDS/DeepTutor
Reads, creates and edits Word .docx files with python-docx, and drops to raw OOXML for tracked changes, comments and byte-exact edits.
More from sugarforever/boring-video-studio
All 11 skills in this repoBoring Video
sugarforever/boring-video-studio
A skill your agent uses when developing a content-driven video from a topic, research bundle, article, or draft, or when routing an existing script or non-argument video into HyperFrames production.
Develop Topic
sugarforever/boring-video-studio
A skill your agent uses when a content-driven video has a candidate topic but still needs research, experiments, a defensible thesis, or user-approved scope before an article or video beats can be…
Record Terminal
sugarforever/boring-video-studio
A skill your agent uses when recording terminal command execution for a video; use ttyd to present a real local shell in Chrome for capture.
To Article
sugarforever/boring-video-studio
A skill your agent uses when an approved content topic, research bundle, and evidence need to become a complete platform-independent article before video beats or publication adaptation.
To Narration
sugarforever/boring-video-studio
A skill your agent uses when writing or revising spoken narration from complete, lineage-valid video beats, including scripts that must remain open to later visual direction.
To Spec Beats
sugarforever/boring-video-studio
A skill your agent uses when an approved content article needs to be reorganized into the factual and narrative architecture for a narrated video.
Related
Categories
Questions about Artifact Preview
What does Artifact Preview do?
A skill your agent uses when an artifact-owning skill requires a durable Markdown file to be presented for user review in a coding agent. Artifact Preview is an agent skill from sugarforever/boring-video-studio. Use when an artifact-owning skill requires a durable Markdown file to be presented for user review in a coding agent.
When should I use Artifact Preview?
Artifact Preview fits situations like: an artifact-owning skill requires a durable Markdown file to be presented for user review in a coding agent.
How do I install Artifact Preview in Claude Code?
Run `npx skills add sugarforever/boring-video-studio --skill artifact-preview -a claude-code`. Or copy the skill folder (skills/artifact-preview in sugarforever/boring-video-studio) into .claude/skills/artifact-preview in your project. Claude Code loads it when a task matches its description.
How do I install Artifact Preview in Codex?
Run `npx skills add sugarforever/boring-video-studio --skill artifact-preview -a codex`. Or copy the skill folder (skills/artifact-preview in sugarforever/boring-video-studio) into .agents/skills/artifact-preview in your project. Codex loads it when a task matches its description.
Can I use Artifact Preview in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add sugarforever/boring-video-studio --skill artifact-preview -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/artifact-preview, .gemini/skills/artifact-preview, .github/skills/artifact-preview and .opencode/skills/artifact-preview in your project.
What does Artifact Preview need to run?
SKILL.md names no scripts, command-line tools or credentials: Artifact Preview is instructions for the agent only.
Does Artifact Preview access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Artifact Preview safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Artifact Preview use?
Artifact Preview is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Artifact Preview use?
About 811 tokens (SKILL.md is roughly 3.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Artifact Preview?
Skills that share tags, products or a category with Artifact Preview: Markdown Article Formatter (JimLiu/baoyu-skills, 26k stars), Markitdown (ImCa0/just-laws, 782 stars), Obsidian Markdown (Atmosphere/atmosphere, 3.8k stars) and DOCX (rvdbreemen/OTGW-firmware, 207 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Artifact Preview?
sugarforever (a GitHub user) maintains it in sugarforever/boring-video-studio, which has 167 GitHub stars. The repository holds 11 skills in this directory. The repository was last updated on October 8, 2026.
Source: sugarforever/boring-video-studio on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.