Skip to content

Part of Generate Marketing & SEO Content With AI

Product & Design Blueprint

Components

0June 2026

UI component generators for navigation, conversion, branding, content, layout, and utility elements used across pages.

What problem does this solve?

Provides component design and implementation guidance so your site maintains consistent UX and conversion patterns. Skills cover navigation menus, CTAs, hero sections, testimonials, breadcrumbs, footers, and layout patterns with accessibility and SEO best practices.

How does it work?

Ask your agent to design a navigation menu, CTA button, hero section, testimonials block, breadcrumb, footer, or any component. Your agent generates structure, copy, and accessibility guidance (ARIA labels, touch targets, keyboard nav). For layout components (grid, card, carousel, masonry), your agent recommends best use cases and responsive specs. Output: component code structure, design recommendations, and implementation notes.

Included Skills

No skills in this group

Key Features

Navigation & Structure

Navigation menus, breadcrumbs, footers, table of contents, sidebars with SEO (BreadcrumbList schema, internal linking) and accessibility

Conversion Elements

CTAs, popups, newsletter signups, trust badges, testimonials, social proof with design and copy best practices

Branding Components

Hero section, logo placement, favicon, brand visual identity, typography, colors, spacing

Layout Patterns

Grid, card, list, carousel, masonry layouts; responsive design, accessibility, use cases for each

About This Blueprint

Industry
Technology
1 File
Productivity

Business Automation & Productivity Workflow

Reduce hours lost to repetitive admin without adding a complicated stack. Prioritized, tested workflows automate routine research, client communication, project tracking, and website tasks while keeping people in control of important decisions.

1 File
Engineering

Business Technology & Digital Solutions Workflow

Avoid costly, fragmented digital projects with a plan that connects business goals to practical tools, implementation steps, and measurable results. It also flags performance, security, accessibility, and SEO checks before launch.

WordPressGoogle AnalyticsGoogle Search Console+2 more
Sales

ICP-Filtered Outreach Lists from G2 Buyer Intent

Stop wasting rep time on weak intent signals and mismatched accounts. The workflow ranks ICP-fit buyers by readiness, finds the right contact, and supplies tailored outreach angles for the strongest opportunities.

ClaudeClaudeG2 Buyer Intent (G2 MCP Server)ZoomInfo (MCP)+3 more

Ishani D.

Account Manager at G2