name: asset-builder description: Manage CSS/JS building with npm/wp-scripts. Use when working on login page styles or scripts.

Asset Builder

Instructions

When working with CSS/JS assets for the login page:

1. Source files location: Check src/ or project root
2. Build commands: Use npm scripts from package.json
3. Output location: dist/assets/
4. Enqueue hook: Use login_enqueue_scripts

Build Commands

Enqueue on Login Page

add_action('login_enqueue_scripts', 'retrologin_enqueue_assets');
function retrologin_enqueue_assets(): void {
    wp_enqueue_style(
        'retrologin-login',
        plugins_url('dist/assets/login.css', __FILE__)
    );
    wp_enqueue_script(
        'retrologin-login',
        plugins_url('dist/assets/login.js', __FILE__),
        ['wp-api-fetch'],
        '0.1.0',
        true
    );
}

Login Page CSS Selectors

Guidelines

• Keep login assets minimal for performance
• Login page doesn't load theme styles
• Use CSS variables for retro theming
• Test assets in browser after building