Miles: The Future of AI WordPress Design!! ![rw-book-cover](https://img.youtube.com/vi/Wwfhw7MbIRU/maxresdefault.jpg) ๐Ÿ”— **Source:** [Miles: The Future of AI WordPress Design!!](https://www.youtube.com/watch?v=Wwfhw7MbIRU) > [!note]+ Document Notes > tags: #ai #wordpress #web-design #automation #site-building > author: Matt Report > source: YouTube > reference: https://www.youtube.com/watch?v=Wwfhw7MbIRU > date created: 2024-12-28 20:36 > > # ๐Ÿท๏ธ Title: Miles: The future of AI WordPress design!! > <!-- deep-read:sections start --> ## ๐Ÿงฐ Action Inbox - [H1] Test Miles AI with complex multi-page website requirements โ€” evaluate credit usage vs output quality #ai #testing - [H2] Compare Miles output to traditional theme/starter site workflows โ€” measure time savings and design quality #workflow - [H3] Explore agent integration options with Claude/OpenAI keys โ€” assess cost optimization potential #integration ## ๐Ÿงญ Table of Contents - [[#๐Ÿ“ Summary]] - [[#๐Ÿ“– Main Content]] - [[#๐Ÿ—’๏ธ Notes]] - [[#๐Ÿ“š References]] - [[#๐Ÿ—ฃ๏ธ Paraphrase]] - [[#๐Ÿ“ฐ Newsletter]] - [[#โœ… Action Items]] - [[#๐Ÿงช Hypotheses]] - [[#๐Ÿ“Š Methodology]] - [[#โ“ Questions]] - [[#๐Ÿ”ฎ Future Research]] - [[#๐Ÿ’ก Implications]] - [[#๐Ÿง  Learning Styles Assessment]] - [[#๐Ÿ“Š Accessibility Assessment]] - [[#๐ŸŒ DEIB Assessment]] - [[#โœ… Logical Validity]] - [[#๐Ÿ›ก๏ธ DARVO Analysis]] - [[#๐ŸŽฏ Conclusion]] ### ๐Ÿ”— References - [Miles AI](https://buy.miles.ai) - [WP Minute Membership](https://wpminute.com) ## ๐Ÿ“ Summary - Miles AI creates WordPress websites from simple prompts in under 10 minutes through guided discovery questions - The tool builds sites using proper WordPress architecture (blocks, template parts) rather than hardcoded solutions - Pricing starts at $39/month for 5,000 credits, with real-time design building and live preview capabilities - Currently requires invitation access rather than direct signup - Represents significant speed improvement over traditional theme/template workflows ## ๐Ÿ“– Main Content Miles AI transforms basic prompts like "build a general contractor small business website" into professional WordPress sites through structured discovery questions. Unlike other AI tools that produce hardcoded solutions, Miles works within WordPress's native architecture using blocks and template parts. The tool follows a discovery-driven approach similar to professional web design consultations, asking about business name, specialization, location, goals, target customers, and brand tone. It then generates multiple design options and builds the selected design in real-time within the WordPress site editor. Key differentiators include live design building (watching WordPress design itself), proper WordPress integration, and credit-based pricing that makes it cost-effective for professional use. At $39-449/month depending on usage, it could significantly reduce site building time while maintaining WordPress compatibility. ## ๐Ÿ—’๏ธ Notes #### โฑ๏ธ [00:00](https://youtu.be/Wwfhw7MbIRU?t=0) โ€” [H1] First impressions and simple prompt test - Key idea: Miles transforms a basic "build a general contractor small business website" prompt into professional output in under 10 minutes - Evidence: "I started with a very what I call cheap prompt. Build a general contractor small business website" #### โฑ๏ธ [02:15](https://youtu.be/Wwfhw7MbIRU?t=135) โ€” [H2] Discovery questions replace complex prompting - Key idea: Miles breaks simple prompts into structured discovery questions rather than requiring detailed upfront specifications - Evidence: "It takes a cheap prompt like the one that I created here...and then breaks that apart into a lot of discovery questions" #### โฑ๏ธ [03:30](https://youtu.be/Wwfhw7MbIRU?t=210) โ€” [H3] Professional-level discovery process - Key idea: The tool asks business-critical questions that mirror professional web design consultations - Evidence: Asked about "business name, contracting specialization, location, website goals, ideal customers, and brand tone" #### โฑ๏ธ [05:45](https://youtu.be/Wwfhw7MbIRU?t=345) โ€” [H1] Speed advantage over traditional workflows - Key idea: AI tooling produces faster results than traditional theme selection and customization - Evidence: "faster than I would be choosing templates or starter sites from my favorite WordPress themes" #### โฑ๏ธ [07:20](https://youtu.be/Wwfhw7MbIRU?t=440) โ€” [H2] AI efficiency argument and WordPress parallel - Key idea: Miles represents the same efficiency leap that WordPress's 5-minute install provided 20 years ago - Evidence: "that's been the crux of WordPress...It's got that famous 5-minute install, which was fantastic when it first launched" #### โฑ๏ธ [09:10](https://youtu.be/Wwfhw7MbIRU?t=550) โ€” [H3] WordPress integration and proper architecture - Key idea: Miles builds within WordPress site editor using native blocks and template parts - Evidence: "I am inside of WordPress...this is actually inside of the WordPress site editor" #### โฑ๏ธ [12:30](https://youtu.be/Wwfhw7MbIRU?t=750) โ€” [H2] Real-time design building experience - Key idea: Watching WordPress design itself in real-time provides the "vibe coding" experience - Evidence: "I am watching this services page be designed in real time...gives me that vibe code experience" #### โฑ๏ธ [15:45](https://youtu.be/Wwfhw7MbIRU?t=945) โ€” [H3] Proper WordPress implementation vs competitors - Key idea: Miles uses standard WordPress blocks unlike other AI tools that create hardcoded solutions - Evidence: "it wasn't using any paragraph blocks or you know any of the row layout and columns...This looks like it's going to be much more on par with doing things the WordPress way" #### โฑ๏ธ [18:20](https://youtu.be/Wwfhw7MbIRU?t=1100) โ€” [H2] Access and pricing structure - Key idea: Miles requires invitation access with credit-based pricing starting at $39/month for 5,000 credits - Evidence: "you have to go to buy.miles.ai, click on try Miles, join the list...here's what we got...about 1500 credits" #### โฑ๏ธ [20:15](https://youtu.be/Wwfhw7MbIRU?t=1215) โ€” [H3] Cost-effectiveness for professionals - Key idea: Credit usage of 1,500 for a complete site build makes the $39/month tier cost-effective for professional use - Evidence: "If you're selling sites at few hundred bucks, a few thousand bucks, many tens of thousands of bucks, we're ahead of the game" #### โฑ๏ธ [21:30](https://youtu.be/Wwfhw7MbIRU?t=1290) โ€” [H3] Agent integration possibilities - Key idea: Miles offers integration with external AI agents like Claude and OpenAI for potential cost optimization - Evidence: "you can connect up an agent to it...works with claw codeex, openclaw, and open code" #### โฑ๏ธ [22:45](https://youtu.be/Wwfhw7MbIRU?t=1365) โ€” [H1] Future of WordPress development - Key idea: Miles represents the ideal direction for WordPress site building with AI integration - Evidence: "this to me is what the future of building on WordPress should be. This experience of watching WordPress designing itself while you're prompting it" ## ๐Ÿ“š References - [Miles AI Platform](https://buy.miles.ai) - [WordPress Site Editor Documentation](https://wordpress.org/documentation/article/site-editor/) - [WP Minute Community](https://wpminute.com) ## ๐Ÿ—ฃ๏ธ Paraphrase - Miles AI transforms simple website requests into professional WordPress sites through guided discovery questions, eliminating the need for complex initial prompts - The platform builds sites using proper WordPress architecture and blocks, providing real-time design preview within the native site editor - With credit-based pricing starting at $39/month, Miles offers significant time savings over traditional theme customization workflows while maintaining WordPress compatibility ## ๐Ÿ“ฐ Newsletter Miles AI is revolutionizing WordPress site building by combining the speed of AI with proper WordPress architecture. Unlike other AI tools that create hardcoded solutions, Miles works within the WordPress site editor using native blocks and template parts. The platform transforms simple prompts into professional sites through guided discovery questions - similar to professional web consultations. In under 10 minutes, you can go from "build a contractor website" to a fully designed, properly structured WordPress site. Key benefits include real-time design building, proper WordPress integration, and cost-effective credit pricing. At $39-449/month, it's particularly valuable for agencies and freelancers who can recover costs from a single client project. Currently invitation-only, but the technology suggests this approach could become the standard for rapid WordPress development. Resources: [Learn WordPress](https://learn.wordpress.org/), [Developer Docs](https://developer.wordpress.org/), [WP-CLI](https://wp-cli.org/) ## โœ… Action Items #### DevRel - Developer advocacy: Create Miles integration case studies, present at WordCamps on AI tooling - Education: Develop workshops comparing AI vs traditional WordPress workflows - Developer experience: Document best practices for AI-generated WordPress sites - Developer marketing: Position WordPress as AI-friendly platform vs competitors - Community management: Facilitate discussions on AI ethics in WordPress development #### WordPress - Core: Evaluate block editor enhancements to support AI-generated content - Core Performance: Profile performance impact of AI-generated vs hand-coded sites - Core AI: Study Miles architecture for potential core AI integration patterns - Community: Develop guidelines for AI tool evaluation and recommendation - Training: Create curriculum covering AI-assisted WordPress development - Design: Establish design standards for AI-generated WordPress themes - Documentation: Document AI tooling integration patterns and best practices - Themes: Develop review criteria for AI-generated theme submissions - Plugins: Create standards for AI WordPress plugin development #### Community - Maintainers: Evaluate how AI tools affect plugin/theme maintenance burden - Contributors: Assess skill requirements shift from coding to prompt engineering - Sponsors: Explore funding opportunities for WordPress AI tool development - Ecosystem: Coordinate standards across AI WordPress tools ## ๐Ÿงช Hypotheses - Miles-generated sites will have comparable performance to hand-coded WordPress sites when using proper block architecture - Professional developers using Miles will complete projects 60-80% faster than traditional workflows - AI-generated WordPress sites will maintain better long-term compatibility due to adherence to WordPress standards - Credit-based pricing models will become standard for AI WordPress tools due to variable computational costs ### ๐Ÿ“Š Methodology - Performance testing: Compare Core Web Vitals between Miles-generated and traditional WordPress sites - Time studies: Measure developer productivity across different complexity projects using Miles vs traditional methods - Compatibility analysis: Track plugin/theme compatibility over time for AI-generated vs hand-coded sites - Cost analysis: Calculate total cost of ownership including credits, hosting, and maintenance ### โ“ Questions - How will AI tools like Miles affect the demand for WordPress developers and designers? - What quality control mechanisms prevent AI-generated sites from violating WordPress coding standards? - Can Miles handle complex e-commerce or membership site requirements effectively? ### ๐Ÿ”ฎ Future Research - Integration patterns between AI design tools and WordPress development workflows - Long-term maintainability of AI-generated WordPress codebases - Training data bias effects on AI-generated WordPress site diversity ### ๐Ÿ’ก Implications - Practice: Developers may shift from coding to prompt engineering and AI tool curation - Policy: WordPress.org may need AI tool certification or recommendation processes - Security: AI-generated code requires new review processes for vulnerability detection - Education: WordPress training must incorporate AI tooling alongside traditional development - Funding: Traditional WordPress service pricing models may need adjustment for AI-accelerated workflows ### ๐Ÿง  Learning Styles Assessment Reading level estimate: 10th grade (accessible to general WordPress audience) #### ๐Ÿ‘€ Visual learners - Present: Video demonstration of real-time design building, interface screenshots - Improve: Side-by-side comparisons of traditional vs AI workflows, architecture diagrams #### ๐Ÿ”Š Aural learners - Present: Video narration explaining each step of the Miles process - Improve: Podcast-format discussion of AI implications for WordPress #### ๐Ÿ—ฃ๏ธ Verbal learners - Present: Clear explanations of technical concepts, AI terminology definitions - Improve: Glossary of AI WordPress terms, analogy comparisons #### ๐Ÿงฉ Kinesthetic learners - Present: Step-by-step demonstration of using Miles interface - Improve: Interactive tutorial, hands-on Miles testing checklist #### ๐Ÿง  Logical learners - Present: Cost analysis, time comparisons, credit usage breakdown - Improve: Decision tree for choosing AI vs traditional workflows #### ๐Ÿง‘โ€๐Ÿคโ€๐Ÿง‘ Social learners - Present: Community discussion prompts in video description - Improve: Group testing sessions, peer review guidelines #### ๐Ÿง˜โ€โ™€๏ธ Solitary learners - Present: Individual testing approach, self-guided exploration - Improve: Personal reflection questions on AI adoption timeline #### ๐ŸŒฟ Naturalistic learners - Present: Evolution analogy comparing WordPress development phases - Improve: Ecosystem thinking about AI tools' environmental impact ### ๐Ÿ“Š Accessibility Assessment #### Screen reader semantics - Present: Clear heading structure in video description - Improve: Full transcript with timestamp navigation, alt text for screenshots #### Keyboard navigation - Present: Standard YouTube player controls - Improve: Chapter markers for easy navigation to specific topics #### Contrast and readability - Present: High contrast interface demonstrations - Improve: Ensure Miles interface screenshots meet WCAG standards #### Text resizing and reflow - Present: Video scales appropriately across devices - Improve: Responsive transcript layout for mobile viewing #### Media and captions - Present: Auto-generated captions available - Improve: Professional captions with technical term accuracy #### Forms and interactions - Present: Clear demonstration of Miles interface elements - Improve: Describe interactive elements verbally for non-visual users ### ๐ŸŒ DEIB Assessment #### Cultural breadth - Present: General contractor example applies across regions - Improve: Examples from diverse business types and global markets #### Inclusive language - Present: Gender-neutral business terminology - Improve: Acknowledge varying access to AI tools globally #### Neurodiversity support - Present: Clear step-by-step demonstration structure - Improve: Provide transcript chunks, reduce rapid-fire commentary #### Representation - Present: Focus on tool capabilities rather than user assumptions - Improve: Acknowledge different learning curves and technical backgrounds #### Psychological safety - Present: Acknowledges both benefits and limitations of AI tools - Improve: Address concerns about AI replacing human creativity ### โœ… Logical Validity #### Strong reasoning - Deductive strength: Clear cause-effect relationship between AI tool quality and adoption rates - Inductive strength: Valid generalization from one tool example to broader AI trends - Causal reasoning: Well-supported connection between speed/efficiency and professional value - Analogical strength: Appropriate parallel between WordPress 5-minute install and AI efficiency #### Fallacies - Appeal to novelty: Some enthusiasm may overvalue new technology without long-term assessment, address with balanced evaluation - Hasty generalization: Single tool experience generalized to entire AI category, mitigate with broader testing #### Tone of voice - Overall tone: Enthusiastic but balanced, acknowledges limitations while highlighting genuine benefits ### ๐Ÿ›ก๏ธ DARVO Analysis - Deny: No denial patterns present - Attack: No attacks on traditional development approaches - Reverse victim/offender: No victim/offender dynamics present - Emotional cues and rhetoric: Genuine enthusiasm for technology advancement, balanced with practical considerations ## ๐ŸŽฏ Conclusion Miles AI represents a significant advancement in WordPress site building by combining AI efficiency with proper WordPress architecture. The tool's ability to create professional sites in under 10 minutes while maintaining WordPress standards suggests a future where AI augments rather than replaces WordPress development workflows. For WordPress professionals, the cost-effectiveness and time savings make Miles particularly valuable for client work, potentially shifting focus from coding to prompt engineering and AI tool curation. The platform's integration with WordPress's native editor and block system ensures compatibility and maintainability. As AI tools become more sophisticated, the WordPress community should prepare for workflow changes while maintaining the platform's core principles of accessibility, standards compliance, and user empowerment. ## ๐Ÿงฑ Refactor Appendix ### ๐Ÿ“š Literature Split Pad ### [H1] AI tools produce faster WordPress sites than traditional workflows > [!quote] [Miles: The future of AI WordPress design!!](https://www.youtube.com/watch?v=Wwfhw7MbIRU) by [[Matt Report]] via [[YouTube]]. Published 2024. Accessed 2024-12-28. --- ## Full Transcript [00:00] All right, I was on track to do a<br>[00:01] completely different video doing an<br>[00:03] overview of all AI things available for<br>[00:06] WordPress. And I started testing Miles<br>[00:09] at by miles.ai.<br>[00:11] And I just had to stop and record a<br>[00:13] video specifically about Miles because<br>[00:16] I'm already mind blown over what Miles<br>[00:18] can do. Now, this is my first experience<br>[00:21] with Miles. I have not gone any further<br>[00:23] than what we see here on the screen. And<br>[00:25] I want to show you the prompts because I<br>[00:27] don't want to miss what happens next.<br>[00:30] And I really wanted to show you how fast<br>[00:31] it got to this point. It is under 10<br>[00:34] minutes is what it took, which is sort<br>[00:36] of the selling points of Miles on the<br>[00:38] front end of their website. And I<br>[00:40] started with a very what I call cheap<br>[00:43] prompt. Build a general contractor small<br>[00:45] business website. Could have said build<br>[00:48] a contractor website that did all kinds<br>[00:50] of things. Here's the name of the brand.<br>[00:52] Here's the name of the founder. But I<br>[00:54] think that for a lot of people who are<br>[00:56] going to find value in AI, it's going to<br>[00:58] be through prompts like this, very short<br>[01:01] and quick. A lot of folks who don't know<br>[01:04] the premise of web design or the<br>[01:05] background of great web design aren't<br>[01:07] going to know how to frontload a lot of<br>[01:08] this stuff. And what Miles did and what<br>[01:11] happened next is what's really<br>[01:13] compelling about this product. It takes<br>[01:15] a cheap prompt like the one that I<br>[01:16] created here, build a general contract<br>[01:18] or small business website, and then<br>[01:20] breaks that apart into a lot of<br>[01:23] discovery questions. If you've been in<br>[01:25] the web business for a while as a<br>[01:26] freelancer or designer, you know that<br>[01:29] discovery is one of the most important<br>[01:30] parts of the project. You have to ask<br>[01:32] all the questions, find all the nooks<br>[01:33] and crannies of a project so that it can<br>[01:35] be successful. And I'm just going to run<br>[01:37] through the questions that Miles asked<br>[01:39] me. So, it says, "What's the name of<br>[01:41] your contracting business? What types of<br>[01:43] contracting work does Peak Builders<br>[01:45] specialize in? By the way, I picked Peak<br>[01:47] Builders from a list of uh examples that<br>[01:50] it gave. So, it just gave me some<br>[01:51] fill-in brand names. It asked where Peak<br>[01:54] is where Peak Builders is located. What<br>[01:56] do you most want the website to<br>[01:58] accomplish for Peak Builders? And again,<br>[02:00] gave me a list. I picked generate leads<br>[02:02] and inquiries. Who is Peak Builder ideal<br>[02:04] customer? Homeowners renovating existing<br>[02:07] homes. Again, chosen from a list that it<br>[02:08] gave me. and what tone should Peak<br>[02:10] Builder website convey. I chose friendly<br>[02:13] and trustworthy over the I think like<br>[02:15] confidence and thought leadership or<br>[02:16] something like that. It gave me a list.<br>[02:18] It then built a brief of this website<br>[02:21] that we're looking at right here. It<br>[02:23] gave me four examples to choose from,<br>[02:25] which we see right here. And I was<br>[02:27] looking at these examples. I'm like,<br>[02:29] these are fantastic designs. again for<br>[02:32] under 10 minutes and faster than I would<br>[02:35] be choosing templates or starter sites<br>[02:37] from my you know favorite WordPress<br>[02:39] themes. And before we continue, this is<br>[02:42] one of the most compelling points about<br>[02:44] AI right now and it is to get things<br>[02:47] done faster. As much as we really<br>[02:50] dislike skipping the decades of craft<br>[02:53] and sweat equity that we put into great<br>[02:56] web design, I think when a tool is doing<br>[02:59] something as focused as possible, as<br>[03:01] I've experienced so far with Miles in a<br>[03:03] mere 10 minutes, I think that we're on<br>[03:06] track to have these tools build things<br>[03:08] faster and potentially better than we<br>[03:11] ever could, I guess, in that span of<br>[03:13] time. And this is the argument for AI<br>[03:14] tooling in general. And I see a lot of<br>[03:17] people sort of either pushing against AI<br>[03:19] because of it, saying things like, well,<br>[03:21] it's skipping all of the detailed work.<br>[03:23] It's not coding things as efficiently or<br>[03:25] as effectively. It doesn't know all the<br>[03:26] context of a given project. And while<br>[03:28] all of that might be true today, that<br>[03:30] gap is going to continue to get smaller.<br>[03:34] And when we have tools like this that<br>[03:36] produce great output in a short amount<br>[03:38] of time, that is the key effort. In<br>[03:41] fact, that's been the crux of WordPress<br>[03:43] or part of it for the last 20 years.<br>[03:46] It's got that famous 5-minute install,<br>[03:48] which was fantastic when it first<br>[03:50] launched for the first three or four<br>[03:51] years cuz things were really<br>[03:52] complicated. And then we went to<br>[03:53] oneclick installers on hosting, and that<br>[03:55] sort of skipped all of that stuff. And<br>[03:57] then themes and plugins got way more<br>[03:59] robust. People were building entire<br>[04:00] projects with WordPress that we've never<br>[04:02] seen before. And that's when things got<br>[04:04] more complicated. More plugins, more<br>[04:06] complex themes, more setup time.<br>[04:08] Compound that with the editing and site<br>[04:10] building experience and then all of that<br>[04:13] gap begins to widen. People want fast<br>[04:16] and efficient and AI and certainly miles<br>[04:19] is going to give that to them. All<br>[04:21] right, let's continue on to see what<br>[04:23] happens next. I'm looking at the site<br>[04:25] design here. It looks great. I mean<br>[04:27] again for something that I prompted in a<br>[04:29] handful of questions and answers and<br>[04:31] again this is my first experience inside<br>[04:33] of Miles. I'm looking at this. I I'm in<br>[04:36] WordPress apparently. I am inside of<br>[04:39] WordPress. So, it looks I haven't asked<br>[04:41] the creator of Miles to give me any<br>[04:42] backstory or to give me any tips using<br>[04:45] this product so far. Okay. So, now I'm<br>[04:47] just going to go ahead and continue<br>[04:49] start with this design. So, I will cut<br>[04:50] away for a moment, but what it's going<br>[04:52] to do is everything on this list. Upload<br>[04:54] images, download fonts, building<br>[04:56] sections, styling for WordPress, making<br>[04:57] refinements, and then verifying the<br>[04:59] final design. And then we'll be back.<br>[05:01] The checklist of things are done. It<br>[05:02] says it's checked everything. It's<br>[05:03] finished all the things it needs to do.<br>[05:05] So now it's dropped me off here at this<br>[05:07] sample page. This sample page is<br>[05:09] actually inside of the WordPress site<br>[05:12] editor. I can tell because that's the<br>[05:14] appearance icon on the WordPress admin.<br>[05:17] And you can see here, well, here's our<br>[05:19] general contractor website theme. If I<br>[05:21] click on theme details, let's see if it<br>[05:23] put anything here. I know it just says<br>[05:24] buy anonymous and no real description.<br>[05:26] That's totally fine. This is still in<br>[05:28] experimental stage with Miles, I'd<br>[05:30] imagine. We click back into Miles. Then<br>[05:32] we can go back to our prompt session. I<br>[05:35] don't know if Miles operates anywhere<br>[05:36] outside of the site editor experience<br>[05:39] right now. Otherwise, it makes sense<br>[05:41] that you'd be doing it there and then<br>[05:44] sort of leaving the rest of the site at,<br>[05:46] you know, sort of away from the AI<br>[05:48] experience or you could have it on the<br>[05:50] homepage. Who knows? Let's go to pages<br>[05:53] and we can view our front page. This is<br>[05:56] the design that it made. And I'm really<br>[05:59] curious to see what this looks like in<br>[06:01] the page editor to see how all this<br>[06:04] stuff operates. And I'm even more<br>[06:06] interested to see how these other pages<br>[06:08] were built out. So let's just take a<br>[06:10] look at services.<br>[06:12] And okay, so this is just a single page.<br>[06:14] So it's just paging through these anchor<br>[06:17] links here. That's totally fine. I<br>[06:19] didn't ask it to build out a multi-page<br>[06:22] site. And I assume that the workflow<br>[06:24] might be different once that step<br>[06:26] becomes available. But let's continue<br>[06:28] on. Let's edit this page. And here I am.<br>[06:31] So it's going to open up the block list.<br>[06:33] And everything is labeled really well.<br>[06:37] We've got our header template part, our<br>[06:38] hero section, hero content footer,<br>[06:42] scroll line, which is just labeled<br>[06:44] decorative. Um services section. I mean,<br>[06:47] all of this is better than better<br>[06:50] organized and labeled than I would do it<br>[06:52] had I, you know, started with, you know,<br>[06:54] some kind of starter site from another<br>[06:56] theme or even built it myself. I mean,<br>[06:58] those are the things that you go back on<br>[07:00] and upkeep after you're done with the<br>[07:02] site. So, all this stuff looks really<br>[07:05] good. Everything here looks typical<br>[07:07] WordPress site title block, navigation<br>[07:10] block, all that cool stuff. So<br>[07:12] effectively, it built our ourselves a<br>[07:15] single page landing page for a general<br>[07:17] contractor who's in Boston who builds<br>[07:19] for folks that are looking for home<br>[07:21] improvements across all spectrums. But<br>[07:23] it's just a single landing page. Let's<br>[07:25] head back to the editor and see if we<br>[07:27] can actually create a standalone<br>[07:29] services page and see what that looks<br>[07:31] like. All right, I'm going to use my<br>[07:33] Whisper app so that I can just talk to<br>[07:34] this. So let's Here we go.<br>[07:37] Can you build me a standalone services<br>[07:40] page that will be linked from the<br>[07:41] primary navigation and list all of the<br>[07:44] services that this general contractor<br>[07:47] provides<br>[07:50] and we'll send that.<br>[07:53] I don't know how well this will perform.<br>[07:54] We'll see if we can create standalone<br>[07:56] pages, but if there is something that<br>[07:58] takes a while, we'll cut back to it. But<br>[07:59] we could see just like if you're using<br>[08:01] Claude Code or Codeex or any other sort<br>[08:04] of LM to code stuff, it's building the<br>[08:06] to-do list. It says it's going to build<br>[08:07] the services page, add services page to<br>[08:09] the navigation, and handle follow-up<br>[08:11] site actions. So, we'll see what it<br>[08:13] does, especially with the existing<br>[08:15] services link, which is anchored to the<br>[08:16] middle of the landing page, and then see<br>[08:18] where it brings us here. So, I'm just<br>[08:19] going to cut in for a second while this<br>[08:21] continues to build. I am watching this<br>[08:23] services page be designed in real time.<br>[08:26] This is something that I often talk<br>[08:28] about when the attraction to vibe coding<br>[08:31] and especially with sort of just a<br>[08:33] native bespoke JavaScript with your<br>[08:36] favorite framework and database backend<br>[08:38] to a vibe coder somebody who's just<br>[08:40] getting into this stuff. The nature of<br>[08:43] that technology updating live in your<br>[08:45] site or on your local browser<br>[08:47] immediately is attractive because you're<br>[08:50] starting to see the ideas you're<br>[08:52] expressing to AI come to life in the<br>[08:55] browser. that's always been lacking with<br>[08:57] the air quotes vibe coding experience of<br>[08:59] WordPress, especially with me with<br>[09:01] building like plugins and other<br>[09:02] features. You're constantly like<br>[09:04] building out this whole workflow to<br>[09:06] deploy the new logic or the new design,<br>[09:07] refreshing the page, reinstalling the<br>[09:09] theme, reinstalling the plugin, testing<br>[09:11] all this stuff. Watching this design in<br>[09:14] real time gives me that that vibe code<br>[09:17] experience. I know this is a phrase we<br>[09:18] don't really like to use and to<br>[09:21] repurpose, but this is what makes people<br>[09:23] feel powerful. As I was saying before,<br>[09:25] people want speed. As much as people<br>[09:28] want to fawn over the details of, you<br>[09:30] know, handcrafted code and the<br>[09:32] experience and all this stuff, which<br>[09:33] there is a case for in in certain<br>[09:37] circumstances, especially in the future<br>[09:38] as we compete with AI. This is that<br>[09:41] second experience where I'm like, this<br>[09:43] is great. I'm seeing it design and build<br>[09:47] live. I'm not just waiting for this<br>[09:49] terminal to finish. I'm now actively<br>[09:51] watching it go to the n the primary<br>[09:54] navigation template part to replace that<br>[09:57] anchor link with a services page and now<br>[09:59] go into the footer. It is, it does put a<br>[10:02] smile on my face to see this happening<br>[10:05] in real time and doing it most<br>[10:07] importantly in the key areas, right?<br>[10:09] We're in the site editor. We're in<br>[10:11] template parts. It's not just putting,<br>[10:14] you know, a navigation link on a<br>[10:16] homepage and then just trying to like<br>[10:18] hardcode air quotes hardcode a<br>[10:20] navigation on a page itself. It's<br>[10:23] looking at the right parts of WordPress.<br>[10:25] At least for, you know, this what I<br>[10:27] would call basic example, but still<br>[10:29] something that is so important. I've<br>[10:31] tested a lot of other AI stuff. I don't<br>[10:33] know, six months ago. I guess I can say<br>[10:34] that's in the past and it's done a lot<br>[10:36] of hard-coded ways, a lot of things<br>[10:39] missing from that standard WordPress<br>[10:41] experience. Telix comes to mind, which I<br>[10:43] haven't tested probably in about 3 or 4<br>[10:46] months to see how it's improved over<br>[10:48] time, but it's very powerful. Like, it<br>[10:50] was very powerful to build a, you know,<br>[10:53] block or component inside of Telix, but<br>[10:56] it was completely bespoke. like it<br>[10:58] wasn't using any paragraph blocks or you<br>[11:02] know any of the row layout and columns<br>[11:04] when I was building the different tests<br>[11:06] that I had built with it. This looks<br>[11:09] like it's going to be much more on par<br>[11:10] with doing things the WordPress way<br>[11:13] which is going to be great for that<br>[11:14] scalability and and compatibility with<br>[11:17] WordPress. All right, looks like<br>[11:18] everything is complete. I just noticed<br>[11:19] these three sort of quick links down<br>[11:22] here below. Original design. This will<br>[11:24] show me the original design. It came up<br>[11:25] with the site editor, which we were<br>[11:27] just, you know, previewing this whole<br>[11:28] time. And then the site preview, which<br>[11:30] is the actual site. I'm going to click<br>[11:32] on services. It's going to bring us to<br>[11:34] that services page. You can see that it<br>[11:36] did change the link and it brings us<br>[11:38] right to the services page uh that we<br>[11:40] made. The problem is, let me just scroll<br>[11:42] back up, is it removed the services link<br>[11:45] from the actual services page. I don't<br>[11:47] know how that happened, but it did. And<br>[11:50] our work goes back obviously to the<br>[11:52] homepage. So, let me just check the<br>[11:54] about page. The about still linked here.<br>[11:56] I just want to see if it actually added<br>[11:57] an about page out of nowhere. So, no<br>[11:59] hallucination on that front, but it did<br>[12:01] remove the services uh link from the<br>[12:03] primary navigation, which again, very<br>[12:06] easy fix. I mean, I can't complain about<br>[12:08] that one thing versus everything else<br>[12:10] that it's done. Okay, so really happy<br>[12:12] with how all of this stuff turned out in<br>[12:14] this quick experiment that I wasn't<br>[12:16] planning on doing, but I was just kind<br>[12:18] of blown away by the experience of<br>[12:20] Miles. Miles is not available to just<br>[12:22] quickly sign up and swipe your credit<br>[12:23] card and jump in. You have to go to buy<br>[12:25] miles.ai, click on try Miles, join the<br>[12:28] list or ask for the sign up and he will<br>[12:31] Andy will send you the invite I guess<br>[12:34] after he checks some things off. The<br>[12:36] upgrade button did appear halfway or<br>[12:39] just about over halfway through building<br>[12:41] out the site. When we click on that,<br>[12:42] again, this is late April 2026 pricing.<br>[12:46] Things probably will go up. I don't know<br>[12:48] about down, but things probably go up.<br>[12:50] But here's what we got from what you saw<br>[12:52] so far of what I built, which was about<br>[12:55] as of this whole time recording here<br>[12:57] about 31 minutes. Although this video<br>[12:59] won't be 31 minutes long, I used up<br>[13:01] almost all 1500 credits to build out<br>[13:04] that initial design of that contractor<br>[13:06] website along with the services page<br>[13:10] that we built. And it did some, you<br>[13:11] know, manipulation of adding the<br>[13:14] navigation and removing those links. If<br>[13:16] you're really smart and efficient with<br>[13:17] it, you could use Miles to just design<br>[13:20] the homepages and the services pages,<br>[13:22] and you can be a lot more specific on<br>[13:25] your prompts. Remember, I just left<br>[13:26] blank open prompts just to see what the<br>[13:29] system would throw at me. And I thought<br>[13:30] it did a fantastic job. Um, you might<br>[13:33] even say limit your examples to one<br>[13:35] option, two options instead of, you<br>[13:36] know, creating four. I'm sure that had<br>[13:38] uh to do with some of the credit usage<br>[13:41] here, but you can see it's $39 a month,<br>[13:43] $129 a month, and $4.49 a month. If<br>[13:46] you're building a site a month, I mean,<br>[13:48] it took almost 1,500 credits to build<br>[13:50] what I built. You get 5,000 credits for<br>[13:53] $40 a month. If I were to just build<br>[13:57] everything in here for the rest of this,<br>[13:59] you know, for the rest of this build,<br>[14:01] which includes content and other pages<br>[14:03] and other manipul manipulations to the<br>[14:05] WordPress site, I'm sure I would exceed<br>[14:07] the 5,000 credits. That would only be 40<br>[14:09] bucks. And if you're selling sites at<br>[14:12] few hundred bucks, a few thousand bucks,<br>[14:14] many tens of thousands of bucks, we're<br>[14:16] ahead of the game in terms of<br>[14:18] profitability at least on building out<br>[14:20] the site. So, can't complain there. I do<br>[14:23] like that you can see the usage here and<br>[14:25] it gives you everything that has<br>[14:27] happened in order to spend those<br>[14:29] credits, which is really cool. Some<br>[14:31] other cool stuff is you can connect up<br>[14:33] an agent to it. And that's as far as I'm<br>[14:34] going to explain that because I haven't<br>[14:36] tested this. I don't know exactly how it<br>[14:38] works, but it works with claw codeex,<br>[14:40] openclaw, and open code. I don't know if<br>[14:43] that means you can balance the credit<br>[14:46] spend with your own agent and your own<br>[14:48] key up to miles and then you use miles<br>[14:51] in this interface to design things. I<br>[14:53] don't know, but could be an interesting<br>[14:55] thing to test out. And you can connect<br>[14:57] up Google and GitHub as well. By Miles,<br>[15:01] I mean, this to me is what the future of<br>[15:03] building on WordPress should be. This<br>[15:06] experience of watching WordPress<br>[15:09] designing itself while you're prompting<br>[15:11] it is a really great experience. And the<br>[15:14] designs are pretty pretty good. I mean,<br>[15:17] I'm not a designer. I don't think I'm<br>[15:18] going to get a better experience getting<br>[15:21] a theme that has the exact layout that I<br>[15:24] want than using something like this.<br>[15:27] It's really cool. Check it out by<br>[15:28] miles.ai.<br>[15:30] Sign up to that mailing list if you want<br>[15:32] to get access to it. It's the WP Minute.<br>[15:34] If you're a WordPress professional<br>[15:36] hanging out talking about WordPress,<br>[15:37] wondering what's happening next for<br>[15:39] WordPress. Will we survive this AI era<br>[15:42] of WordPress? Why don't you join the<br>[15:44] free membership here at the WP Minute?<br>[15:46] Get Slack access, chat with others,<br>[15:49] network with others, go to the<br>[15:50] wpminut.com,<br>[15:52] click on the little membership. You can<br>[15:53] join for free by signing up for one of<br>[15:56] our courses or one of our courses either<br>[15:58] for how to run a WordPress agency or how<br>[16:01] to pick the right WordPress hosting. And<br>[16:02] there's a couple other courses there<br>[16:03] that you can sign up for, too. Sign up<br>[16:05] for a free course. Doesn't cost you<br>[16:06] anything. And then you can get access to<br>[16:08] our Slack. Or if you want to support<br>[16:09] what we do, sign up for $79 for the year<br>[16:12] as a nice contribution to help and keep<br>[16:14] the lights on here at the WP Minute.<br>[16:17] Thumbs up, subscribe, comment below. I'm<br>[16:18] sure you got comments. We'll see you in<br>[16:20] the next video. <!-- deep-read:sections end --> ๐Ÿ“„ **Full text:** ![[Full Document Contents/Articles/Miles The Future of AI WordPress Design!!.md|Miles: The Future of AI WordPress Design!! by YouTube]] ## Highlights - gave me a list. I picked generate leads and inquiries. Who is Peak Builder ideal customer? Homeowners renovating existing homes. Again, chosen from a list that it gave me. and what tone should Peak Builder website convey. I chose friendly and trustworthy over the I think like confidence and thought leadership or something like that. It gave me a list. It then built a brief of this website that we're looking at right here. It gave me four examples to choose from, which we see right here. And I was looking at these examples. I'm like, these are fantastic designs. again for ([View Highlight](https://read.readwise.io/read/01kq8rp15xea59367weaggp097)) - Tags: ๐Ÿ‘ป ai highlighted - the page editor to see how all this stuff operates. And I'm even more interested to see how these other pages were built out. So let's just take a look at services. And okay, so this is just a single page. So it's just paging through these anchor links here. That's totally fine. I didn't ask it to build out a multi-page site. And I assume that the workflow might be different once that step becomes available. But let's continue on. Let's edit this page. And here I am. ([View Highlight](https://read.readwise.io/read/01kq8rp16w858swm75gqpns0qq)) - Tags: ๐Ÿ‘ป ai highlighted - and upkeep after you're done with the site. So, all this stuff looks really good. Everything here looks typical WordPress site title block, navigation block, all that cool stuff. So effectively, it built our ourselves a single page landing page for a general contractor who's in Boston who builds for folks that are looking for home improvements across all spectrums. But it's just a single landing page. Let's head back to the editor and see if we can actually create a standalone services page and see what that looks ([View Highlight](https://read.readwise.io/read/01kq8rp17swptfgamvf393vzeb)) - Tags: ๐Ÿ‘ป ai highlighted