The video presents six curated design resources to overcome the homogeneity of AI-generated websites, specifically for WordPress. It covers inspiration sites (Lapa Ninja), component patterns (Nicely Done), user flow analysis (Mobbin), spacing system (Google design.md), animations (Motion.dev), and a final audit tool (Impeccable). The creator also offers a starter skill for Claude Code to package these resources.
A short editorial from the SEONIB team on why this content matters.
Video targets generic AI designs by providing six specific resources to feed into AI workflows, moving from inspiration to final audit.
Distinctive because it combines UX research (Mobbin) and performance (Airlift) with design patterns. SEONIB notes this systematic approach mirrors our AI-driven SEO strategy: inputs determine output quality.
WordPress developers should adopt these resources and the starter skill to ensure unique, high-converting sites.
Free online gallery of curated landing page designs for inspiration.
A design pattern library that lets you filter by component type to see structural solutions.
A UX research platform that provides recordings of user flows from popular apps and websites.
A comprehensive checklist and guide for building consistent design systems, including the 8-dp grid spacing rule.
A website offering copy-paste ready animation components using the same library as Framer.
A free WordPress plugin that automatically optimizes website performance, including handling animations.
A design audit skill for Claude Code that checks spacing, contrast, and typography hierarchy before launch.
Why do so many AI-generated websites look the same?
Everyone uses the same prompts without proper design resources and context.
What is the first step in the speaker's design workflow?
Inspiration using Lapa Ninja to find what works visually.
How does Nicely Done help in building sections?
You filter by component type to see how different products structure elements like pricing tables or CTAs.
What is Mobbin used for?
To watch user flows from real SaaS products and borrow their onboarding or conversion steps.
What is Google's design.md checklist?
A system that includes the 8-dp grid for consistent spacing across a design.
What is the recommended limit for animations per page?
Two animations per page to maintain balance and avoid tackiness.
How does Airlift help with performance?
It automatically optimizes website performance, compensating for the weight added by animations.
What does the Impeccable skill do?
It audits the design for spacing, contrast (WCAG AA), and heading hierarchy, then can auto-fix issues.
How can I access all these resources easily?
The speaker has packaged them into a free starter skill for Claude Code or Codex.
How many WordPress sites has the speaker built with these resources?
Over 40 sites.
SEONIB automatically generates AEO-optimized pages, embeds schema, and submits them to IndexNow — so your content gets discovered faster by Google and AI answer engines.