We recently upgraded Trickle s AI model to Claude 4. The improvement in reasoning, structure, and code quality has been clear across the board.

To see how far we could push it, we gave it a single-line prompt:

Prompting is everything in the age of vibe coding. Knowing how to guide AI precisely and efficiently is the key to getting the results you want. Today, I m sharing some of my favorite prompting tips, plus a handy cheatsheet I put together.

Prompting Tips That Actually Work

• Be spatially specific. Use keywords like "left", "right", "centered", "aligned to bottom", "spaced evenly" to help the model place elements correctly.

• Mention device behavior. If it should behave differently on mobile vs desktop, say so. Ex: "stacks on mobile, grid on desktop".

• Use visual vocabulary. Mention familiar UI terms like "modal", "toast", "card", "hero section", or "split view" to tap into known design structures.

• Give UX intent. Add the why: "Add white space for readability", "Add a hover effect for feedback", "Use a progress bar to show completion".

• Sequence your ideas. For complex prompts, list in steps: "First, add a header. Below that, place a form with two inputs...". AI loves structure.

• Say what not to do. If you want to avoid scrollbars, animations, shadows, etc., say so.

• Don t forget empty states. Great design considers what happens when nothing is there say "show a placeholder when list is empty".

• Test prompt variants. Swap words like "tile" vs "card", "modal" vs "popup" to see which gives cleaner structure.

• Use active voice. Start with a verb: "Add", "Place", "Make", "Create", "Animate", "Style". It helps guide generation.

This week I picked 4 new templates from Trickle.so that I think are worth checking out, they cover ecommerce, portfolios, and form-based sites:

1. Product Landing Page

A cohesive brand look helps your audience quickly capture the value you re delivering.

We ve recently launched a new section: a growing collection of free AI tools to help with small but essential creative and technical tasks.

Trickle helps you summarize and organize screenshots, extracting insights for easy search and query. Transform visual chaos into an intelligent archive, allowing you to screenshot anything and effortlessly retrieve and utilize its contents later.

Trickle is an all-in-one tool that empowers everyone to build, launch, and manage powerful, beautiful AI agents, web apps, and forms. With built-in database, AI models, analytics, and designs, Trickle turns ideas into ready-to-use apps from concept to reality.

Hey PH community!

We just integrated DeepSeek-V3-0324 into Trickle, and instead of running a $1M hackathon, we decided to give everyone unlimited free tokens for the next 3 days!

Infuse the power of AI into your workflow and seamlessly integrate over 200 ready-to-use prompts into your daily tasks, all in one place, streamlining your thinking process and helping you achieve more in less time.

Trickle is the AI-driven workspace blending your notes, tasks, and knowledge base — for you and your team. Get inspired, write faster, and work smarter directly in Trickle with the power of GPT-4.