Created
June 4, 2026 14:43
-
-
Save amirmushichge/dd38a549d1ad01308bcb425a8e7aeb98 to your computer and use it in GitHub Desktop.
Meng_To_Design_Skill.md
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # 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. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment