Skip to content
mcp/skillhub

Agent Skill

Website Screenshots skill

website-screenshotsmaxritter/qualitylayerdocs/site/skills/website-screenshots/SKILL.md

Regenerate QualityLayer website and README screenshots from the source App after its UI changes, or when refreshing the developer example gallery.

2.1k

always on

30 tokname + description

once used

355 tokSKILL.md body

bundled files

0

repo stars

2.1kGitHub

Install the Website Screenshots skill

Skills CLI (Claude Code, Codex, Cursor and others)

npx skills add https://github.com/maxritter/qualitylayer --skill website-screenshots

Claude Code, by hand (all projects)

git clone --depth 1 https://github.com/maxritter/qualitylayer.git /tmp/qualitylayer
mkdir -p ~/.claude/skills
cp -R /tmp/qualitylayer/docs/site/skills/website-screenshots ~/.claude/skills/website-screenshots

For one project only, copy the folder into .claude/skills/ in that project instead. The agent picks it up when a task matches its description.

What it costs your context

Agent Skills load in three steps. Tokens counted with the o200k tokenizer; your model's count will differ a little.

WhenWhat loadsCost
Every sessionName and description30 tok
When the agent uses itThe SKILL.md instructions355 tok
Only if openedNo bundled files—

Until it is used, website-screenshots costs about 45× less than the median MCP server we measured (1,363 tokens on every turn). Installing all 6 skills from maxritter/qualitylayer would load 53 tokens of descriptions. Skills vs MCP study

Checks

Our checks found nothing to flag: it follows the Agent Skills specification's naming and size guidelines and doesn't pipe downloads into a shell.

Checked 2026-10-22 · method

What's inside

The headings of its SKILL.md. Read the full file on GitHub.

  • Website screenshots