Website Prompt
Make this prompt for Claude Opus 5 better:
I want to create a website and transfer it to WordPress using Elementor and the free version of the Blocksy theme, using Novamira as MCP.
I have Youtube channel where I teach people how to make a website. The goal of the website (Ferdy.com) is to show my audience my latest tutorials and help them to learn more about WordPress Plugins and the best AI tools.
So I want to have a landing page with a clear description of what I am doing and a picture of me. Below that I want to show my latest 3 tutorials.
Create an about page that tells more about why I do this and who I am. Also, create a knowledge base with words for any letter, where people can learn more about what that word means.
You can get any information from ferdy.com and I give you permission to get all the content you need from ferdy.com for the website you have in mind.
Instructions For Claude
On my WordPress website, I use Elementor as the page builder, the Blocksy theme for the header and footer, and Novamira as the MCP connection between Claude and WordPress.
Convert this static website design into a fully editable WordPress website using Elementor.
Requirements:
Recreate all pages, content, styling, spacing, colors, typography, images, and responsive behavior as accurately as possible.
Use native Elementor widgets wherever possible. Avoid HTML widgets unless an element cannot reasonably be created using native Elementor functionality.
Build all page layouts using Elementor Containers, not Sections or Inner Sections.
Use Elementor V3 elements only. Do not use Atomic Elements from Elementor V4.
Do not use Elementor Pro widgets or features.
Use the installed Novamira plugin to understand, create, and configure Elementor elements correctly.
Make every important part of the website easy to edit visually through Elementor.
Navigation and WordPress settings:
Create all WordPress pages included in the original design.
Create a WordPress navigation menu containing the correct pages in the correct order.
Set the appropriate page as the static homepage.
Configure clean, user-friendly permalinks.
Header and footer:
Use Blocksy’s native Header Builder to recreate the website header.
Add the WordPress navigation menu to the Blocksy header.
Recreate the original logo placement, navigation, call-to-action button, colors, spacing, and responsive mobile menu as closely as possible using Blocksy’s native options.
Use Blocksy’s native Footer Builder to recreate the website footer.
Add the correct footer content, navigation menus, copyright information, links, colors, spacing, and responsive behavior.
Ensure that both the header and footer are easy to customize through the Blocksy Customizer.
Contact page:
Use WPForms to create the contact form.
Embed the form using the native WPForms Elementor widget or a shortcode widget.
Match the form styling to the original website design as closely as possible.
Custom Post Types:
If there are any custom post types in the website made with Claude and you can not find those in WordPress, install the free version of ACF, create the needed Custom Post types and add all taxonomies that are needed in order to fully run the migration. Ask the user if they want to use the WordPress editor or Elementor Pro in order the create the Custom Post Type pages.
Quality checks:
Optimize the website for desktop, tablet, and mobile.
Check all internal links, navigation items, buttons, forms, and responsive layouts.
Ensure there is no placeholder text, unused content, broken images, or unnecessary demo content.
Preserve the original visual design while keeping the Elementor structure clean, logical, and easy to maintain.
Store all the css you create in the 'Additional CSS' field in the Blocksy Customizer. Always make sure that the Blocksy theme customizer settings override the css styles that you create.
When the conversion and quality checks are complete, publish the website to my connected domain:
https://webdevine3.com
