Blog
AI pills,
for real work.
Practical guides on AI, websites and automation, grouped by what you want to do. Base if you are starting out, Pro if you already know some tech.
Newsletter
AI that actually works, in your inbox.
New pills, the tools we use and what we learn on real projects. Few emails, only when there is something useful.
Website and design
Sites, apps and visuals that look premium, rebuilt with AI.
Product Video Audio: Check It With Earshot and AIHow do you check the sound in a product video made with AI? Earshot gives your agent the exact moments to fix. The workflow, plus prompts you can copy.
Redesign Your App With AI Without Breaking the CodeHow do you let AI redesign your app without touching the logic? A rules file for the agent, five fixes asked one at a time, and a browser check after each.
Premium Website Footer With AI: 3 Real ExamplesHow do you make a website footer look premium? Three real sites compared, prompts to rebuild one with an AI agent, and two bugs you only see in a browser.
Premium Website Animation With AI: The Endless CSS StripHow do you add premium website animation with AI? Build the endless text strip in plain CSS, with a ready prompt, the big-screen bug and its fix.
Design to Website With AI Without Losing the DetailsHow do you turn a design into a website with AI and keep fonts, spacing and shadows? Three tries compared, and the half-page spec that wins first time.
Design Prompts for AI: Rebuild Real Designs With MagpUIWhy do AI-made screens all look the same? With MagpUI you copy the prompt of a real design and your AI agent rebuilds it inside your own project.
Forms That Look Cheap: 5 Fixes, Before and AfterWhy do forms built fast with AI look cheap? Five fixes in plain HTML and CSS, with before and after shots and a prompt to paste into your AI agent.
Generic-Looking AI App: 5 Fixes, Before and AfterWhy does an app built with AI look like every other one? Five CSS fixes for one afternoon, with before and after shots and a prompt ready for your agent.
Pricing Page Design: 3 Real Examples to CopyHow do you build a pricing page that helps people choose? Three real sites compared, the ideas to copy and a monthly/yearly switch with no JavaScript.
Horizontal Scroll Like Lenis: Rebuild It With MotionHow do you make cards slide sideways as you scroll down? The Lenis horizontal scroll rebuilt with Motion and sticky, accessible, with a ready prompt.
AI-Friendly Websites: Clear Actions for Agents With WebMCPHow do you make a website usable by AI agents without losing control? Structured actions, human confirmation, security and a first step toward WebMCP.