Skill Details
Runtime
(claude-4-7-opus)
Example user message
[userMessage]: Create a beautiful Instagram carousel about Tesla's earnings in 2025 in Tesla's branding
Example agent response
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tesla Earnings 2025 Carousel</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;700&display=swap" rel="stylesheet">
<style>
:root{
--brand-primary:#E82127;
--brand-light:#FF5A5F;
--brand-dark:#A80E14;
--light-bg:#F7F3F1;
--light-border:#E7DDD9;
--dark-bg:#111111;
--dark-surface:#191919;
--text-dark:#121212;
--text-mid:#6E6764;
--text-light:rgba(255,255,255,.82);
--white:#fff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#ddd;font-family:"Inter",sans-serif}
.ig-frame{
width:420px;height:525px;margin:0 auto;background:#fff;overflow:hidden;position:relative;
border-radius:24px;box-shadow:0 16px 40px rgba(0,0,0,.16);
user-select:none;
}
.ig-header,.ig-dots,.ig-actions,.ig-caption{
font-family:"Inter",sans-serif;
}
.ig-header{
height:68px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.06);
background:#fff;
}
.avatar{
width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#ff4d4d,#b10000);display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px;letter-spacing:-.5px;
flex:0 0 auto;
}
.ig-meta{display:flex;flex-direction:column;line-height:1.05}
.handle{font-size:13px;font-weight:700;color:#111}
.subtitle{font-size:11px;color:#777;margin-top:3px}
.carousel-viewport{
width:420px;height:525px;overflow:hidden;position:relative;touch-action:pan-y;background:#000;
}
.carousel-track{
display:flex;width:2520px;height:100%;tra
Instant access
Commercial use
Money‑backBy purchasing this skill, you agree to our terms of service
1
Favorites
15
Views
CLAUDE-4-7-OPUS
Create beautifully designed, export-ready Instagram carousel slides as a swipeable HTML preview with PNG export. Built for creators, marketers, coaches, founders, and social media managers who need scroll-stopping carousel posts fast. Turn raw ideas, hooks, lessons, launches, screenshots, or offers into branded 4:5 Instagram slides with strong typography, swipe cues, progress bars, CTA slides, and ready-to-upload PNGs.
...more
Added 2 weeks ago
