atarehatareh · guides · 32
guides
Step-by-step breakdowns of AI workflows, tools, and strategies I'm actually using. Find the one that solves today's problem.
3 things I wish I knew about Claude Design
The GitHub-skill loophole, the shared usage limit that killed the weekly lockout, and the reframe that turns Claude Design into an app builder.
Beginners · 01
Start here
New to Claude Code or Claude Design? Read these first.
Claude Code · 12
Build with Claude Code
Real projects, real prompts, real terminal output.
- 01 · JUL 14, 2026
Three ways to save tokens in Claude Code
Compact your context, split the models, and run the boring work overnight — three habits that stretch how far your usage goes before you hit a limit.
Claude Code·AI Workflow6 min read - 02 · JUL 13, 2026
Run Fable 5 as the orchestrator and Sonnet 5 as the workers
Anthropic's plan-big, execute-small pattern — 96% of Fable 5's performance at 46% of the price — recreated in plain Claude Code with two sessions and a markdown file.
Claude Code·AI Workflow7 min read - 03 · JUL 2, 2026
Print your own morning newspaper with AI
One copy-paste prompt turns Claude Code or Codex into a personal print shop — calendar, email, weather, and news on one page, printed automatically every morning.
Claude Code·AI Workflow6 min read - 04 · JUN 1, 2026
Generate images and video from Claude Code with the Higgsfield MCP
Wire Claude Code to Higgsfield, chain a still into a cinematic clip in one prompt, freeze it into a reusable skill, and put it on a trigger.
Claude Code·Higgsfield8 min read - 05 · MAY 29, 2026
How to use Claude Code to automate content creation for Instagram reels
A two-skill Claude Code pipeline: /last30days for signal, a hook-framework prompt for the draft, /humanizer to scrub AI tells. From research to a filled Google Sheets content calendar in about an hour.
Claude Code·Content Creation7 min read - 06 · APR 25, 2026
HyperFrames: turn any website into an MP4 video
HeyGen shipped a CLI that scrapes a URL for fonts, colors, and assets, then renders an animated MP4. I built an 18-second product video for aisensei3000.com — install, prompt, edit, render.
AI Workflow·Claude Code5 min read - 07 · APR 14, 2026
How to run a full SEO audit in Claude Code and get a hosted report link
Install the SEO audit skill from GitHub, run one slash command, and get a hosted dashboard back instead of a messy terminal dump. Includes the exact install commands and the other SEO workflows worth using on your site.
Claude Code·SEO5 min read - 08 · APR 6, 2026
Someone made a digital whip to make Claude Code work faster
badclaude is a system tray app that lets you crack a whip on slow Claude Code sessions. It sends a Ctrl+C interrupt with sound effects and sarcastic encouragement. Here's how to install it and why it exists.
Claude Code·Dev Tools3 min read - 09 · MAR 28, 2026
Use Claude Code as your CMS: turn a cloned site into a dynamic one
After cloning a website, this is how you make it actually editable — with content JSON files, Next.js components, and Claude Code as your ongoing CMS. No dashboards, no subscriptions.
Claude Code·Web Dev7 min read - 10 · MAR 27, 2026
Clone any website with one command using Claude Code
Point Claude Code at a URL, run one slash command, and get a pixel-perfect Next.js rebuild. Here's how to set it up and what happens behind the scenes.
Claude Code·Web Dev4 min read - 11 · MAR 6, 2026
Claude Code Remote Control: start a task, walk away, approve from your phone
How to use Claude Code's Remote Control feature to hand off your terminal session to your phone or browser — so you can approve file edits, watch progress, and send messages from anywhere.
Claude Code·Remote Control7 min read - 12 · MAR 6, 2026
How I used Claude Code to research, plan, and script 15 videos in one session
A step-by-step guide to using Claude Code as your content research engine, script writer, and production planner — so you can go from zero to a full content calendar with scripts in under an hour.
Claude Code·AI Workflow8 min read
Claude Design · 03
Design with Claude Design
Turn sentences into prototypes, decks, and one-pagers.
- 01 · JUL 12, 2026
Build a branded carousel studio in Claude Design, ship it in Claude Code
One prompt turns Claude Design into a branded Instagram carousel factory. Then hand it to Claude Code to deploy it, extend it, and edit every slide with plain text.
Claude Design·Claude Code6 min read - 02 · APR 19, 2026
how i turned Post-it Notes into a PowerPoint with Claude Design
Five post-its, one brand kit, one prompt — and a branded intro deck. The exact workflow, the prompt, and why separating content from design is the whole trick.
Claude Design·Slide Decks4 min read - 03 · APR 17, 2026
Claude Design: a beginner's guide
Anthropic just launched Claude Design — a tool that turns a sentence into a prototype, slide deck, or one-pager. Here's what it is, how to open it, your first prompt, and 5 prompts to steal.
Claude Design·AI Design5 min read
Design Systems · 06
Design systems in practice
DESIGN.md files, retheming, animation, and 3D on the web.
- 01 · APR 16, 2026
How to apply a DESIGN.md file to your website with Claude Code
Download a design system from getdesign.md, install it in your project, and use Claude Code to restyle an existing page without rebuilding the whole site. Includes before-and-after examples using Bugatti, Ferrari, and Resend.
Claude Code·Design Systems4 min read - 02 · APR 14, 2026
How to build a scroll-driven hero shrink animation with 6 prompts
The exact prompts to recreate a full-bleed hero that shrinks into a card on scroll, with flanking collection cards sliding in. Covers the 4-layer fixed positioning architecture, clip-path animation, and the compositing bugs to avoid.
Claude Code·Design Systems7 min read - 03 · APR 11, 2026
How to turn any SVG into a 3D hero with one React component
3dsvg is a React component that extrudes flat SVGs into interactive 3D objects with floating animations and cursor tracking. Here's how to use it.
React·3D3 min read - 04 · APR 4, 2026
Figma MCP vs Paper MCP: I designed the same dashboard in both — here's what happened
A head-to-head comparison of Figma and Paper's MCP servers in Claude Code. Same prompt, same dashboard, two different design engines — with setup instructions, the exact prompt, and an honest breakdown of which one produces better AI-designed UIs.
Claude Code·Paper Design7 min read - 05 · MAR 30, 2026
I designed 4 website concepts in 2 prompts using Claude Code + Paper Design
Point Claude Code at Paper Design, give it two prompts, and get 4 wildly different website concepts with desktop and mobile versions — then expand your favorite into a full landing page and deploy it.
Claude Code·Paper Design6 min read - 06 · MAR 18, 2026
I built a full fitness coaching website with AI in one conversation
Landing page, pricing, testimonials, contact form, blog section, and 3 full articles — all from 5 prompts in Claude Code. Here's exactly how to do it and publish it for free.
Claude Code·Web Design6 min read
AI Workflow · 06
Workflows & strategy
Scheduled tasks, automations, and the quiet plumbing that makes AI useful.
- 01 · JUN 1, 2026
Getting AI to recommend your business is the new SEO
Three data-backed tips from Ahrefs on how to get ChatGPT and AI search to recommend you — best-list tactics, why length doesn't matter, and the YouTube lever.
AI Workflow·SEO5 min read - 02 · JUN 1, 2026
12 business automations worth building this week
The top three automations in ads, ops, SEO, and content — the stack, the flow, and the prompt for each, with where to start.
Automation·AI Workflow11 min read - 03 · MAY 10, 2026
Codex /goal mode: interrogate first, then run
/goal lets Codex run autonomously for hours or days. The trick to getting good output is one prompt before you ever type /goal — make the agent interrogate you first.
Codex·AI Workflow6 min read - 04 · APR 21, 2026
ChatGPT Image 2.0 Generations + Prompts
OpenAI just shipped a new native image model. I ran 12 prompts through it — magazine covers, gag manga, Hindi recipe cards, 360° Apollo 11 panoramas, Japanese posters. Every prompt verbatim, every image back. Scroll the slideshow or steal the prompts.
AI·Image Generation6 min read - 05 · APR 7, 2026
How to install Clicky: an AI buddy that lives in your Mac menu bar
Clicky is a free open-source macOS app that can see your screen, hear your voice, and talk back — like having a teacher next to you. Here's how to set it up from scratch, even if you've never used a terminal.
AI·macOS5 min read - 06 · MAR 7, 2026
Claude Scheduled Tasks: set it once, let Claude handle it forever
How to use scheduled tasks in Claude Desktop to automate morning briefings, weekly reports, file cleanups, financial tracking, and anything else you do more than twice.
Claude·Scheduled Tasks12 min read
Research & Op-ed · 03
Research & essays
The analysis pieces. Longer form, fewer terminals.
- 01 · JUN 18, 2026
Turn YouTube into a research engine with one Claude Code skill
Install the youtube-full skill, then go from a single video summary to a full multi-source research report — transcripts, synthesis, and a finished PDF, all from plain-English prompts.
Claude Code·AI Workflow7 min read - 02 · MAR 31, 2026
Axios got hacked: how to check if you're compromised and lock down npm
On March 30, 2026, two malicious versions of axios were published to npm, dropping a RAT on macOS, Windows, and Linux. Here's how to check your system, what to do if you're affected, and how to prevent it from happening again.
Security·npm5 min read - 03 · MAR 15, 2026
Anthropic's new data on AI and jobs: what it means for tech workers
A breakdown of Anthropic's March 2026 report on AI labor displacement. No mass unemployment yet, but hiring of young workers into exposed roles is already slowing down.
AI·Labor Market6 min read
Made by @atareh · x / twitter · instagram