marketing-screenshots

Agent Skills › rokartur/BetterCmdTab › marketing-screenshots

marketing-screenshots

GitHub

自动化捕获 BetterCmdTab 插件的布局截图，用于网站轮播、README 或广告。通过修改配置、隐藏桌面图标并使用脚本截取屏幕，处理后保存为 JPEG/WebP 格式并自动恢复系统状态。

.agents/skills/marketing-screenshots/SKILL.md rokartur/BetterCmdTab

Trigger Scenarios

需要获取 BetterCmdTab 的截图生成营销用的应用界面图片

Install

npx skills add rokartur/BetterCmdTab --skill marketing-screenshots -g -y

More Options

Non-standard path

npx skills add https://github.com/rokartur/BetterCmdTab/tree/main/.agents/skills/marketing-screenshots -g -y

Use without installing

npx skills use rokartur/BetterCmdTab@marketing-screenshots

指定 Agent (Claude Code)

npx skills add rokartur/BetterCmdTab --skill marketing-screenshots -a claude-code -g -y

安装 repo 全部 skill

npx skills add rokartur/BetterCmdTab --all -g -y

预览 repo 内 skill

npx skills add rokartur/BetterCmdTab --list

SKILL.md

Frontmatter

{
    "name": "marketing-screenshots",
    "description": "Capture the switcher layouts for the site carousel, README or ads. Use when asked for BetterCmdTab screenshots or marketing images."
}

The user's desktop is live state: their wallpaper, icons and windows stay as they are, and every setting you change is restored at the end.

Ask which Desktop (Space) to shoot on. Shoot there, on the wallpaper it already has; the user picks the wallpaper, never you.
Back up ~/.config/bettercmdtab/config.json, then set hideFromScreenSharing to false (with true the panel never lands in a capture). Switch layouts with layoutMode (list, iconDock, windowPreview) through jq on that file; the app reloads it live.
Hide desktop icons: defaults write com.apple.finder CreateDesktop false && killall Finder.
Put the capture run in one script and start it with nohup … &. Switching Spaces kills processes attached to your shell, so a foreground run dies with it. The script opens the panel with a held ⌘Tab chord (CGEvent), runs screencapture -x, and writes a done-file; poll for that file.
Restore: the config backup, CreateDesktop true plus killall Finder, the original Space.
Crop centred on the panel with equal top and bottom margins; grid and list crop tighter than preview. Use magick for the crop.
Write web/public/screenshots/{list,grid,preview}.jpg (2000 px wide, JPEG q82) and the matching .webp (cwebp -q 80); the carousel loads the WebP, site.webmanifest and web/src/routes/__root.tsx the JPEG. When the size changes, update the aspect-[…] class in web/src/routes/index.tsx and sizes in web/public/site.webmanifest.

Done when all three images are written, read back and checked for clipping and desktop icons, and the user's config, desktop icons and Space are back as they were.