artifact-variations SKILL.md skillA

artifact-variations from valtterimelkko/agent-workflow-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add valtterimelkko/agent-workflow-skills/artifact-variations@git:20260611.b2584e4

Pins git:20260611.b2584e4 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
valtterimelkko/agent-workflow-skills
Path
skills/artifact-variations/SKILL.md
Versions recorded
1
Latest version
git:20260611.b2584e4, committed Jun 11, 2026
Size
11,609 bytes
Repository stars
2
License
MIT

Generate many design, copy, or layout variations as a single browsable HTML artifact so the user can pick favorites visually instead of describing what they want in words. Use when the user asks for design variations, multiple versions of a UI component, alternative layouts, copy variants, different takes on the same section, or anything phrased as 'give me options' / 'I want to see a few variations' / 'I'll know it when I see it'. Also use this pattern whenever a decision between options is…

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Artifact Variations

Use this skill when the user needs to **pick a favorite from a set of options visually** rather than describe what they want in words.

The core idea: instead of iterating over a single design through many rounds of feedback, generate **N distinct variations in one HTML artifact**, let the user scroll through, pick the one (or few) they like, and then apply that choice to the real codebase. This collapses design exploration from many turns to one.

This is **Layer 1** of the interactive artifact pattern — a static, one-shot artifact used as a decision surface.

## When to use this skill

Use it when:

- the user asks for "variations", "options", "takes", "versions", or "a few different ways"
- the task involves picking a design direction and the user struggles to describe what they want
- the choice is subjective (layout, typography, color direction, copy tone, illustration style)
- iteration-by-description is slow and picking-by-eye would be fast
- the component, section, or output is visual enough that side-by-side viewing helps

Good examples:
- "give me 10 hero section variations for this landing page"
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add valtterimelkko/agent-workflow-skills/artifact-variations@sha256:325576638ad4a330

The line at the top of this page pins the label git:20260611.b2584e4, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_bvjizd5t26soeofd.svg)](https://markdownregistry.com/a/art_bvjizd5t26soeofd)

2 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on Jun 11, 2026.

versioncommittedcommitsizeaudit
git:20260611.b2584e4 latest2026-06-11 b2584e4 11,609 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (11609 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

valtterimelkko/agent-workflow-skills · 2 stars · license MIT · pushed 2026-10-28 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_bvjizd5t26soeofd
GET https://markdownregistry.com/api/v1/resolve?ref=valtterimelkko/agent-workflow-skills/artifact-variations
GET https://markdownregistry.com/api/v1/blob/325576638ad4a330f89b0c36c24bac5df77e79bbd94d9ae9b0cb4ddacb1f591e

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from valtterimelkko/agent-workflow-skills

academic-writing SKILL.md skill
valtterimelkko/agent-workflow-skills · skills/academic-writing/SKILL.md · Comprehensive guide for British academic writing best practices. Use when helping users write academic papers, research…
git:20260611.919d9c9 · audit A · 2 stars
agent-os-child SKILL.md skill
valtterimelkko/agent-workflow-skills · skills/agent-os-child/SKILL.md · Execute one dispatched task as a child worker (implementer, researcher or reviewer) under a parent agent, in…
git:20261028.9a694c0 · audit A · 2 stars
agy-p SKILL.md skill
valtterimelkko/agent-workflow-skills · skills/agy-p/SKILL.md · Reference for building scripted and programmatic integrations around the Antigravity CLI (`agy`) non-interactive print…
git:20260611.919d9c9 · audit A · 2 stars
amazon-uk-scraper SKILL.md skill
valtterimelkko/agent-workflow-skills · skills/amazon-uk-scraper/SKILL.md · Scrape Amazon UK (amazon.co.uk) product pages to check availability, Prime eligibility, delivery estimates (UK), GBP…
git:20260621.cfa6a20 · audit A · 2 stars
audio-transcription-workflow SKILL.md skill
valtterimelkko/agent-workflow-skills · skills/audio-transcription-workflow/SKILL.md · Transcribe local audio files or voice notes into markdown files using the legacy VoiceNote Bot workflow: local Whisper…
v1.0.0 · audit A · 2 stars
capture-dashboard SKILL.md skill
valtterimelkko/agent-workflow-skills · skills/capture-dashboard/SKILL.md · Capture authenticated dashboards as screenshots and/or HTML using cookies, with safe same-origin crawling. Use when the…
git:20260611.919d9c9 · audit A · 2 stars
claude-channels SKILL.md skill
valtterimelkko/agent-workflow-skills · skills/claude-channels/SKILL.md · Build MCP channel plugins that push external events into a running Claude Code interactive session and bridge…
git:20260611.6de34bf · audit B · 2 stars
claude-p SKILL.md skill
valtterimelkko/agent-workflow-skills · skills/claude-p/SKILL.md · Use when running multi-turn Claude Code CLI sessions programmatically via 'claude -p', integrating Claude into…
git:20260611.b2584e4 · audit A · 2 stars
code-documenter SKILL.md skill
valtterimelkko/agent-workflow-skills · skills/code-documenter/SKILL.md
git:20260611.b2584e4 · audit B · 2 stars
context7-docs SKILL.md skill
valtterimelkko/agent-workflow-skills · skills/context7-docs/SKILL.md · Fetch up-to-date documentation from Context7 for a library. Use when you need current API syntax, code examples, or…
git:20260611.6de34bf · audit A · 2 stars
context7-search SKILL.md skill
valtterimelkko/agent-workflow-skills · skills/context7-search/SKILL.md · Search for libraries in Context7. Use when the user mentions a library by name and you need to find its exact Context7…
git:20260611.6de34bf · audit A · 2 stars
deep-research SKILL.md skill
valtterimelkko/agent-workflow-skills · skills/deep-research/SKILL.md · COMPREHENSIVE top-tier research for topics where breadth, source quality, and auditable methodology matter. Use when…
git:20260611.6de34bf · audit A · 2 stars

Every file in valtterimelkko/agent-workflow-skills

Browse by kind, by grade A, or by owner.