- Home
- Skills
- Social Media
- Scrawl. - SOCIAL MEDIA DESIGN KIT
More screenshots
Works with the AI tools you already use
Scrawl. - SOCIAL MEDIA DESIGN KIT
Generate gritty, analogue-style social media carousels with halftone cut-outs and hand-scrawled typography.
$15
Scrawl. - SOCIAL MEDIA DESIGN KIT
Example session with this skill installed
I need an Instagram carousel for a new heavy-lifting class at 'Iron Vault Gym'. It's every Tuesday at 7pm, $20 drop-in. I've attached 3 photos of members training.
- Read your context and instructions
- Compiled the scrawl - social
- Generated the image
I have processed your photos and mapped out a 5-tile carousel for the Iron Vault Gym heavy-lifting class. The sequence starts with a high-impact hook and follows with class details using the halftone treatment for the primary coach photo.
Design Direction: Iron Vault Heavy-Lifting
| Tile | Layout | Copy | Visual Treatment |
|---|---|---|---|
| 01 | Hook | heavy lifting | Full-page analogue photo of gym floor |
| 02 | Stats | tuesday 7pm ($20 drop-in) | Halftone cut-out of member mid-deadlift |
| 03 | Message | build real power | Full-page analogue photo of weight rack |
| 04 | Poster | iron vault gym (102 main st) | Halftone cut-out of gym logo/badge |
| 05 | CTA | book your spot | Card layout with mustard "join" button |
Next steps
- Run
python scripts/render.py templates/01-10 --outdir out/iron-vaultto generate the PNGs. - Review the
out/iron-vault/grid.pngto check the visual flow. - Use the provided caption: "New heavy lifting sessions at Iron Vault. Tuesday nights. $20. Link in bio. #ironvault #heavytesting #gymdesign"
scrawl-social-media-design-kit.png
PNG · 1536×1024
Example file from a real run - the skill writes it into your workspace.
Connects securely to your tools. The creator never sees your data.
What you get
About this skill
Social media design often feels generic or overly polished. Scrawl breaks that pattern by delivering a gritty, analogue aesthetic for Instagram carousels and tiles. It transforms standard photos into a high-contrast design system featuring hand-scrawled typography and halftone textures.
What it does
- Photo processing applies a quiet analogue film finish to full-page images or converts subjects into black-and-white halftone cut-outs.
- Automated sequencing plans carousel flows from hooks to CTA based on proven engagement frameworks.
- Copy styling formats text into Bristol scrawl titles, thin uppercase subtitles, and lowercase body paragraphs with bold payoffs.
- Template rendering generates 1080x1440 PNG tiles using HTML/CSS templates for pixel-perfect layout control.
- Quality enforcement runs a production checklist to ensure text contrast, margin safety, and brand consistency.
How it works
- Intake photos and business details like offers, events, or contact info.
- Execute processing scripts for background removal (
cutout.py), halftone effects (halftone.py), and analogue grading (analogue.py). - Populate specific HTML templates chosen for the carousel's goal (e.g., event poster, editorial list, or hero hook).
- Render the final assets via Playwright to produce high-resolution PNGs and a preview grid.
Frameworks & tools
This skill uses Python for image processing (RemBG, Pillow, NumPy, SciPy) and Playwright for rendering HTML/CSS templates into images.
Why this beats prompting it yourself
Generic prompts struggle to maintain consistent typography and texture across a multi-slide carousel. Scrawl enforces a strict design system, ensuring that halftone subjects, scrawl titles, and mustard accents remain cohesive across every tile while handling the technical overhead of background removal and analogue grading.
Use cases
- Creating high-impact Instagram carousels for gyms, bars, or event venues.
- Designing gritty social tiles for limited-time product drops or offers.
- Generating editorial-style "rules" or "tips" posts with a DIY aesthetic.
- Producing event posters that combine photography with analogue textures.
Known limitations
Can drag & drop into most LLMS, however works best with downloaded local versions. Works best with high-contrast photos featuring clear subjects. Not for video or animated content.
How to install
Works the same in every agent - Claude, Cursor, Codex, Copilot and 20+ more.
- 1
Download the ZIP
Free skills download straight away. Paid skills unlock right after purchase.
- 2
Unzip into your skills folder
Every agent reads skills from one folder on your machine. Drop the unzipped folder in there.
- 3
Ask your agent to use it
Restart the agent if it was already running. It picks the skill up automatically - no config needed.
Skills folder by agent
Click the path to copy it. Create the folder if it does not exist yet.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill passes our trust checks below.
Security scanned
Passed our 8-point scan before listing
Fresh listing
Recently published to Agensi
30-day refund
Not a fit? Get your money back
Trust & safety
Security scanned
Verified clean 1 day ago
- Passed all security checks, Safe to install
Needs access to