Carousel Studio

Repurpose X Threads into LinkedIn & Instagram Carousels

Thread Truncated (Cap Enforced)

Only the first 20 tweets are unrolled into slides to ensure reliable PDF exporting and high server performance.

Canvas & Ratio

Choose your destination platform format


Layout Template

Choose a content structure for your slides


Preset Themes


Typography & Sizing

Title Font Size36px
Body Font Size18px
Header & Footer Size12px

Brand Kit Customization

AGENCY

Configure brand assets for headers & footers

MULTI-PROFILES (AGENCY)
AGENCY
SAVE PRESETS (AGENCY)

Outro Slide CTA

Customize your closing call-to-action slide

#1
#2
#3

Background Pattern

Source Content

Build Your Carousel

Drag and drop any post card below onto a slide, or use the quick buttons to insert content/images instantly!

Drag Post #1
darkzodchi
@zodchiii

Have you ever told Claude Code to do something and it just didn't?

Apply Image
Drag Post #2
darkzodchi
@zodchiii

You said format the code - It didn't. You said don't touch that file - It did.

Drag Post #3
darkzodchi
@zodchiii

You said run tests before finishing - It forgot.

Drag Post #4
darkzodchi
@zodchiii

<b>That's because CLAUDE.md is a suggestion.</b>

Drag Post #5
darkzodchi
@zodchiii

Claude reads it and follows it about 80% of the time. Hooks are different. They're automatic actions that fire every time Claude edits a file, runs a command, or finishes a task.

Drag Post #6
darkzodchi
@zodchiii

Below I will share 8 personal hooks you can copy straight into your settings.json and never think about again 👇

Drag Post #7
darkzodchi
@zodchiii

Before we dive in, I share daily notes on AI &amp; vibe coding in my Telegram channel: <b><a target="_blank" href="https://t.me/zodchixquant" color="blue">https://t.me/zodchixquant</a></b>🧠

Drag Post #8
darkzodchi
@zodchiii

Apply Image
Drag Post #9
darkzodchi
@zodchiii

## How hooks work (30-second version) What are hooks?

Drag Post #10
darkzodchi
@zodchiii

Hooks are automatic actions that run every time Claude Code does something, like editing a file or running a command.

Drag Post #11
darkzodchi
@zodchiii

You set them up once and they work in the background without you thinking about it.

Drag Post #12
darkzodchi
@zodchiii

The two you'll use most:

Drag Post #13
darkzodchi
@zodchiii

<b>PreToolUse</b> runs before Claude does something. You can inspect the action and block it by returning exit code 2. Think of it as a bouncer.

Drag Post #14
darkzodchi
@zodchiii

<b>PostToolUse</b> runs after Claude does something. You can run cleanup, formatting, tests, or logging. Think of it as quality control on the assembly line.

Drag Post #15
darkzodchi
@zodchiii

<pre><code lang="markdown">Where hooks live: .claude/settings.json project-level (shared via git) ~/.claude/settings.json user-level (all your projects) .claude/settings.local.json local only (not committed)</code></pre>

Drag Post #16
darkzodchi
@zodchiii

You configure them in <b>.claude/settings.json</b> in your project root. That file gets committed to git, so your whole team gets the same hooks automatically.

Drag Post #17
darkzodchi
@zodchiii

Full documentation: <a target="_blank" href="https://code.claude.com/docs/en/hooks" color="blue">https://code.claude.com/docs/en/hooks</a>

Drag Post #18
darkzodchi
@zodchiii

Apply Image
Drag Post #19
darkzodchi
@zodchiii

## 1. Auto-format every file Claude touches

Drag Post #20
darkzodchi
@zodchiii

<b>The problem:</b> Claude writes correct code that breaks your formatting rules. You add "always run Prettier" to CLAUDE.md and it works most of the time, but not always.