npx claudepluginhub michaelboeding/skills --plugin skillsThis skill uses the workspace's default tool permissions.
Wraps screen recordings and screenshots in photorealistic iPhone device frames with drop shadow, rounded corners, and a configurable background. Supports 12 devices with 44 color variants.
README.mdframes/13 mini - Black.pngframes/13 mini - Blue.pngframes/13 mini - Pink.pngframes/13 mini - Product (RED).pngframes/13 mini - Starlight.pngframes/14 Pro Max - Deep Purple.pngframes/14 Pro Max - Gold.pngframes/14 Pro Max - Silver.pngframes/14 Pro Max - Space Black.pngframes/15 Pro Max - Black Titanium.pngframes/15 Pro Max - Blue Titanium.pngframes/15 Pro Max - Natural Titanium.pngframes/15 Pro Max - White Titanium.pngframes/16 - Black.pngframes/16 - Pink.pngframes/16 - Teal.pngframes/16 - Ultramarine.pngframes/16 - White.pngframes/16 Plus - Black.pngGuides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Guides building MCP servers enabling LLMs to interact with external services via tools. Covers best practices, TypeScript/Node (MCP SDK), Python (FastMCP).
Generates original PNG/PDF visual art via design philosophy manifestos for posters, graphics, and static designs on user request.
Wraps screen recordings and screenshots in photorealistic iPhone device frames with drop shadow, rounded corners, and a configurable background. Supports 12 devices with 44 color variants.
SKILL_DIR="/path/to/this/skill"
cp -r "$SKILL_DIR/scripts" /home/claude/device-framer-scripts
cp -r "$SKILL_DIR/frames" /home/claude/device-framer-frames
pip install Pillow --break-system-packages 2>/dev/null || true
python3 /home/claude/device-framer-scripts/frame_video.py INPUT_FILE \
-o /mnt/user-data/outputs/framed_output.mp4 \
-d iphone-16-pro --color black-titanium --bg '#0a0a0a' \
--padding 100 --scale 0.5
Auto-detects video vs image from extension. Video → MP4, Image → PNG.
| Device | Colors |
|---|---|
iphone-17-pro-max | cosmic-orange, deep-blue, silver |
iphone-17-pro | cosmic-orange, deep-blue, silver |
iphone-16-pro-max | black-titanium, natural-titanium, white-titanium, desert-titanium |
iphone-16-pro (default) | black-titanium, natural-titanium, white-titanium, desert-titanium |
iphone-16-plus | black, pink, teal, ultramarine, white |
iphone-16 | black, pink, teal, ultramarine, white |
iphone-15-pro-max | black-titanium, natural-titanium, white-titanium, blue-titanium |
iphone-14-pro-max | deep-purple, gold, silver, space-black |
iphone-13-mini | black, blue, pink, red, starlight |
iphone-air | cloud-white, light-gold, sky-blue, space-black |
iphone-xs-max | space-gray |
iphone-xs | space-gray, silver |
| Flag | Default | Description |
|---|---|---|
-d, --device | iphone-16-pro | Device model |
--color | first color | Device color variant |
--bg | #0a0a0a | Background color (hex) |
--no-shadow | (shadow on) | Disable drop shadow |
--shadow-blur | 50 | Shadow blur radius |
--shadow-opacity | 80 | Shadow opacity (0-255) |
--padding | 100 | Padding around device (px) |
--scale | (native) | Scale factor (e.g. 0.5) |
-q, --quality | high | Video: high/medium/low |
--no-audio | (keep) | Strip audio (video only) |
--list-devices | — | Show all devices and colors |
Scale: 0.5 for most uses. Omit for native resolution.
Good combos:
--device iphone-17-pro --color cosmic-orange --bg '#1a1a2e'--device iphone-16-pro --color natural-titanium --bg '#0f172a'--device iphone-16 --color ultramarine --bg '#0a0a0a'--device iphone-air --color sky-blue --bg '#f0f4f8'--device iphone-14-pro-max --color deep-purple --bg '#0a0a0a'Frame PNGs have transparent screen areas. The script extracts a pixel-perfect screen mask from each frame's alpha channel (flood-fill to separate interior screen from exterior transparency), then composites: background → shadow → content (masked) → frame overlay.
Images: Pillow compositing (instant). Videos: ffmpeg filter_complex single-pass.
--scale 0.5 and dark background