Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Select an option

  • Save amirmushichge/dd38a549d1ad01308bcb425a8e7aeb98 to your computer and use it in GitHub Desktop.

Select an option

Save amirmushichge/dd38a549d1ad01308bcb425a8e7aeb98 to your computer and use it in GitHub Desktop.
Meng_To_Design_Skill.md
# 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