atarehatareh · guides · 21
guides
Step-by-step breakdowns of AI workflows, tools, and strategies I'm actually using. Find the one that solves today's problem.
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.
Beginners · 01
Start here
New to Claude Code or Claude Design? Read these first.
Claude Code · 06
Build with Claude Code
Real projects, real prompts, real terminal output.
- 01 · 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 - 02 · 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 - 03 · 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 - 04 · 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 - 05 · 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 - 06 · 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 · 02
Design with Claude Design
Turn sentences into prototypes, decks, and one-pagers.
- 01 · 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 - 02 · 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 · 03
Workflows & strategy
Scheduled tasks, automations, and the quiet plumbing that makes AI useful.
- 01 · 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 - 02 · 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 - 03 · 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 · 02
Research & essays
The analysis pieces. Longer form, fewer terminals.
- 01 · 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 - 02 · 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