| # Design Skills: How to Avoid AI Slop in Landing Pages | |
| Source: Meng To’s 22-minute video tutorial | |
| Link: https://x.com/MengTo/status/2062484065748701429 | |
| Topic: Turning generic AI-generated landing pages into professional, high-quality designs. | |
| ## Key Recommendations (Main Takeaways) | |
| ### 1. Typography & Letter Spacing | |
| - Pay close attention to letter-spacing (kerning/tracking). | |
| - AI often produces unnatural or overly tight spacing — this is a major “AI slop” giveaway. | |
| - Manually adjust spacing to create a premium, polished feel. | |
| ### 2. Use Real Image References | |
| - Don’t rely solely on AI-generated images. | |
| - Provide real photos or strong site references as image prompts. | |
| - This dramatically improves authenticity and overall quality. | |
| ### 3. Test Fonts in Real Time | |
| - Use tools like Aura.build to instantly switch and preview different fonts. | |
| - Quickly experiment with typography options until you find the perfect match. | |
| ### 4. Image Generation + Refinement | |
| - Treat AI image generation as a starting point only. | |
| - Always apply manual refinements: | |
| - Add real textures | |
| - Fix lighting and shadows | |
| - Remove typical AI artifacts (weird hands, distortions, etc.) | |
| ### 5. Better Prompting Techniques | |
| - Master precise prompting, especially for brand/product names and style references. | |
| - Use specific, descriptive language instead of vague prompts. | |
| - Strong prompts significantly reduce slop from the start. | |
| ### 6. Final Human Touch | |
| - After AI generation, always add unique human elements: | |
| - Custom illustrations or details | |
| - Subtle micro-animations | |
| - Personal creative choices AI wouldn’t naturally make | |
| ## Tools Mentioned | |
| - Aura.build — Fast AI prototyping with real-time font & layout testing | |
| - Dreamcut.ai — Screen recording tool used by Meng To | |
| ## Core Principle | |
| AI is the start, not the finish. | |
| A great landing page = 80% human taste + 20% AI generation. | |
| If you skip the details (spacing, references, fonts, refinements), you’ll end up with obvious AI slop that repels users. | |
| Save this as Design_Skill.md and use it as a checklist before launching any landing page. |
The Best Claude Setup (That Works on Any AI Tool)