skills.rest
Ghabs95
Ghabs95COMMUNITY
Explore all skills by this author →
GitHub

WebDirector

Audit SEO meta tags and verify call-to-action links across Hugo and Next.js applications.

Updated Aug 27, 2026
Search Tags:#web development#conversion rate#UX#user journey#brand consistency#web experience
One-click install
npx skills add https://github.com/Ghabs95/agents --skill webdirector
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: WebDirector
Source: https://github.com/Ghabs95/agents/tree/main/wlbl-agents/.agent/skills/web_director
Command: npx skills add https://github.com/Ghabs95/agents --skill webdirector

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill ensures a consistent and high-converting user journey across different web properties, bridging the gap between marketing landing pages and product applications.

Core Features & Use Cases

  • UX Transition Orchestration: Manages the user flow from initial engagement (landing page) to conversion (pricing/plans).
  • Brand Consistency Enforcement: Guarantees identical visual elements (fonts, colors, spacing) across distinct web projects.
  • Conversion Rate Optimization (CRO): Focuses on guiding users through the funnel to increase sign-ups and adoption.
  • Use Case: Ensure that the "Sign Up" button on the main marketing site (wlbl-atmos) leads directly to the correct pricing tier on the application's pricing page (wlbl-bios) with all visual elements matching.

Quick Start

Verify that the navigation bar and footer are visually identical between the landing page and the pricing page.

Frequently Asked Questions about WebDirector

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I maintain brand consistency across a Hugo marketing site and a Next.js application?▼

To maintain brand consistency across Hugo and Next.js projects, you audit and enforce visual parity of shared UI components like navbars and footers, ensuring fonts, colors, and spacing match exactly across distinct web properties.

What is UX transition orchestration for web experiences?▼

UX transition orchestration manages user flow from initial engagement on marketing landing pages to conversion on product application interfaces, bridging distinct web projects to optimize conversion funnels and ensure a seamless user journey.

How do I optimize conversion funnels between landing pages and product apps?▼

You optimize conversion funnels by verifying call-to-action links and auditing SEO meta tags, ensuring the Sign Up button on the main site leads directly to the correct pricing tier on the application's pricing page to increase sign-ups.

Does this approach require specific dependencies to verify SEO meta tags and call-to-action links?▼

No specific dependencies are required to verify SEO meta tags and call-to-action links. The process relies on auditing these elements directly within your existing Hugo and Next.js environments to ensure functional user journey transitions.

When should I audit UI components for visual parity in a web development project?▼

You should audit UI components for visual parity when orchestrating UX transitions between distinct web projects, verifying that navigation bars and footers are visually identical between the landing page and the pricing page to prevent conversion funnel drop-off.

Related Skills

Explore More Marketing & Sales Skills→
BasharAmsoBasharAmso
1

SEO Audit

Audits web pages for SEO completeness including meta tags, headings, and mobile-friendliness.

Community
Advanced
huiferhuifer
1

customer-journey-mapper

Map customer journey data into a visual cross-channel funnel from awareness to advocacy.

Community
Advanced
microsoftmicrosoft
242

azure-validate

Validate Azure deployment readiness with pre-deployment and policy checks.

Official
Advanced
koki3141koki3141
2

web-design-reviewer

Review website design and apply source code fixes for responsive and accessibility issues.

Community
Intermediate