social-poster-carousel-system

Generate brand-governed social posters and carousels as PNG-export-ready HTML layouts.

2|Updated Jun 19, 2025
One-click install
npx skills add https://github.com/Prat05devs/dapper-city-threads --skill social-poster-carousel-system-prat05devs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: social-poster-carousel-system
Source: https://github.com/Prat05devs/dapper-city-threads/tree/main/.agent/skills/social-poster-carousel-system
Command: npx skills add https://github.com/Prat05devs/dapper-city-threads --skill social-poster-carousel-system-prat05devs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Creating on-brand social media graphics manually is slow and inconsistent, and generic templates ignore your design system, voice rules, and claim-safety requirements. This Skill turns your project's design.md and verbal-system.md into production-ready poster and carousel layouts with enforced spacing, hierarchy, and claim governance. ## Core Features & Use Cases - Brand-Governed Generation: Reads design.md, verbal-system.md, tokens, and assets so every poster or carousel follows your palette, typography, logo rules, and approved claims. - Five Variation Library: Produces 5 distinct poster variations (editorial hero, split message, quote, data card, announcement) or 5 carousel systems (narrative, educational, walkthrough, case study, myth vs fact) in one scrollable HTML file. - Structured Creative Brief: Creates a Social Creative Note and architecture file recording output mode, ratio, safe areas, grid, hierarchy, and claim status before any visual output. - Use Case: Ask for an Instagram carousel announcing a product launch; the Skill reads your brand system, drafts the creative note, and outputs five 1080x1350 carousel systems as fixed-canvas HTML ready for PNG screenshot export. ## Quick Start Create an Instagram carousel announcing our website launch using the brand rules in design.md and generate all five carousel variations as export-ready HTML.

Frequently Asked Questions about social-poster-carousel-system

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an Instagram carousel from my brand design system?▼

Provide your topic and platform, and the Skill reads design.md and verbal-system.md for brand rules, drafts a Social Creative Note, then generates five carousel system variations in one scrollable HTML file at 1080x1350 pixels per slide, ready for PNG export.

What poster and carousel layout variations are included?▼

Posters include editorial hero, split message, quote/statement, data/insight card, and announcement/CTA layouts. Carousels include narrative arc, educational steps, product walkthrough, case study, and myth vs fact systems, each with defined geometry and slide jobs.

What canvas sizes and ratios does it support for social platforms?▼

Supported formats include 1080x1080 square, 1080x1350 portrait, 1080x1920 story, 1200x627 LinkedIn landscape, and 1600x900 wide post. Portrait 1080x1350 is the default for both posters and carousels when no platform is specified.

Can it generate only one specific variation instead of all five?▼

Yes, single-variation output is produced only when you explicitly request a selected or final variation. By default the Skill generates all five variations in one HTML file, and the chosen mode is recorded in the architecture file.

How does it handle unverified claims, dates, or metrics in graphics?▼

The Skill never invents dates, prices, metrics, testimonials, or partnerships. Unconfirmed data is rendered as clearly labeled placeholders, and data cards require a source or are converted into qualitative insight layouts.

What happens if design.md is missing or outdated?▼

If design.md is missing, stale, or contradicted by your prompt, the Skill stops production and returns to the master context-architect workflow first, since it must not start from a generic template preset.