From antigravity-awesome-skills
Converts React/HTML/Next.js codebases into pixel-perfect, SEO-optimized WordPress themes using phased forensic audits and strict UI lock rules.
How this skill is triggered — by the user, by Claude, or both
Slash command
/antigravity-awesome-skills:codebase-to-wordpress-converterThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
This skill is designed for the high-fidelity conversion of static or React-based frontends into fully functional, CMS-driven WordPress themes. It acts as a **Senior WordPress Architect**, **React Expert**, and **QA Engineer** to ensure a 100% pixel-perfect match while integrating deep WordPress functionality like ACF, dynamic menus, and technical SEO preservation.
This skill is designed for the high-fidelity conversion of static or React-based frontends into fully functional, CMS-driven WordPress themes. It acts as a Senior WordPress Architect, React Expert, and QA Engineer to ensure a 100% pixel-perfect match while integrating deep WordPress functionality like ACF, dynamic menus, and technical SEO preservation.
The skill follows a strict 4-phase forensic process:
Strict enforcement of non-negotiable rules:
Start by identifying all components in the source code. Create a UI Comparison table comparing the original source output against the target WordPress output.
Map static React/HTML content to dynamic WordPress functions:
the_title(), get_field(), or the_content().get_template_directory_uri().Ensure every theme includes the foundational WordPress hooks correctly:
header.php / footer.php): Must include wp_head() before </head> and wp_footer() before </body>.get_header() and get_footer().register_nav_menus() for dynamic navigation without breaking original HTML structure.Maintain a live tracker of Total Issues, Fixed, and Remaining. Every fix must be followed by a confirmation:
// WRONG: Static replacement that adds wrappers
wp_nav_menu(['theme_location' => 'primary']);
// CORRECT: Preserving original Tailwind classes and structure
wp_nav_menu([
'theme_location' => 'primary',
'container' => false,
'items_wrap' => '<ul class="flex space-x-8">%3$s</ul>',
'walker' => new Custom_Tailwind_Walker()
]);
// Source: <img src="/images/logo.png" />
// WP Conversion:
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/logo.png" alt="Logo" />
get_page_by_path() for robust internal linking.functions.php.header.php to ensure global styles are active.npx claudepluginhub sickn33/antigravity-awesome-skills --plugin antigravity-bundle-aas-mobile-app-builderConverts React/HTML/Next.js codebases into pixel-perfect WordPress themes with preserved SEO, dynamic CMS features, and strict UI audits. Use for high-fidelity frontend-to-WP migrations.
Generates WordPress Full Site Editing block themes: theme.json configs, block templates, template parts, patterns, functions.php, and styles.
Builds custom WordPress themes, plugins, Gutenberg blocks, and WooCommerce stores with security hardening and performance optimization.