A skill is a single Markdown file (SKILL.md) with YAML frontmatter that tells your AI agent when to use it and how. We ship three so any agent that supports the spec — Cursor, Claude Code, or your own — can author .screenshot documents the way our team does internally.
What a skill is
Skills are the unit of proceduralknowledge for an AI agent. Where rules describe always-on conventions (lint settings, naming policies), a skill describes a workflow the agent should follow when a specific situation comes up — “when the user asks for App Store screenshots, do these 12 steps in this order.”
A skill file is plain Markdown. The YAML frontmatter has two fields the agent reads: name and description. The description tells the agent whento fire the skill (it’s prompted to match the user’s request against the description); the body is the actual procedure. Agents support optional supporting files in a references/ or workflows/ subdirectory that the skill body links to.
Every skill below is a real file from our repo, used unchanged by our internal team. None of them require an API key or any runtime — they’re Markdown.
anatomy of a SKILL.mdmarkdown
---
name: create-screenshot-file
description: |
Compose a .screenshot document for an app's App
Store listing using the sscc CLI. Use when the
user asks to create App Store screenshots,
recreate a competitor's listing, or ship
marketing screenshots for any Apple app.
---
# Create a `.screenshot` file
## Core principle
Screenshots are advertisements, not docs.
## Workflow
### Step 1 — Ask the user these questions
...
### Step 2 — Deconstruct any reference listing
...
Install a skill
Skills live in either a workspace folder (.cursor/skills/ for Cursor, .claude/skills/ for Claude Code) or a user-global folder (~/.cursor/skills/ or ~/.claude/skills/). Install per-project for portability or globally so every project gets it.
Per-project (recommended)
bash
SKILL=create-screenshot-file
DEST=.cursor/skills # or .claude/skills
mkdir -p "$DEST/$SKILL"
curl -L "https://raw.githubusercontent.com/luigiinred/screenshotcomposer-website/main/skills/$SKILL/SKILL.md" \
-o "$DEST/$SKILL/SKILL.md"
# Pull the references/ folder too if you want the full skill.
curl -L "https://github.com/luigiinred/screenshotcomposer-website/raw/main/skills/$SKILL.tar.gz" \
| tar -xz -C "$DEST"
Global (every project)
bash
SKILL=create-screenshot-file
DEST=~/.cursor/skills # or ~/.claude/skills
mkdir -p "$DEST"
curl -L "https://github.com/luigiinred/screenshotcomposer-website/raw/main/skills/$SKILL.tar.gz" \
| tar -xz -C "$DEST"
After installing, restart your agent (or run a refresh command if your tool supports one). Then ask: “Use the create-screenshot-file skill to design a listing for MyApp.” The agent will read the skill on its own.
The skills
plannerSKILL.md
create-screenshot-file
12-step workflow from app pitch to ASC-ready PNGs. Three editorial gates (discovery, design plan, copy approval), then composition, audit, and export. The skill the agent should reach for first.
Use it when
User says: 'create App Store screenshots for my app'
User says: 'recreate this app's listing for my app'
User says: 'refresh my listing — here are the new captures'
Add or edit reusable bundled templates that ship inside the Mac app. Includes scripts to fetch every screenshot from any apps.apple.com URL across iPhone, iPad, and Mac in one call.
Use it when
User says: 'design a template that looks like X'
User says: 'recreate this App Store listing as a template'
User says: 'generate a background image for this template'
Field-by-field schema for the .screenshot package — JSON manifest, per-platform composition lists, layer schema, asset packaging, export pixel sizes, bezel catalog. Pure reference; agents read this when they're hand-writing JSON or debugging a save/load issue.
Use it when
Agent is hand-writing a .screenshot file or test fixture
Agent is writing a parser/exporter in another language