marketing-site-design-review

name	Marketing Site Design Review
description	Child skill under Build Quality UI/UX for landing page review and marketing site audits: hero section quality, offer clarity, proof and trust, CTA hierarchy, section sequencing, and conversion-focused design feedback. Walks the page section by section against amateur-vs-pro scorecards and site-wide visual rules, returning per-section findings with evidence, severity, and concrete fixes plus a top-5 fix roll-up.
skill_type	procedure
altitude	domain
activation	progressive
parent_id	build_quality_ui_ux
depth	1
preserve_markdown	true
legacy_paths	["product-and-design.marketing-site-design-review.skill","docs/research/youtube-library/skill-drafts/marketing-site-design-review/SKILL.md"]
reference_modules	[{"id":"marketing_site_design_review.foundation_rules","name":"Foundation Rules (site-wide)","summary":"Pre-conditions that must hold across the whole site before section findings are meaningful — 4-pixel spacing/type scales, type roles, contrast floor, 60/30/10 color proportion, hierarchy ranking, uniform layout effort — plus cross-cutting layout principles (two zones beats four, intentional grid-breaking, full-width sections, bento variation, real visuals over stock).","when_to_load":["When starting any marketing-site review, before producing any finding.","When the user's concern is overall visual quality — the site looks amateur, templated, or inconsistent — rather than one section."],"path":"references/foundation-rules.md"},{"id":"marketing_site_design_review.section_scorecards","name":"Section Scorecards (per-section)","summary":"Amateur-tell vs pro-move scorecard table plus operating lessons for each marketing-page section — hero, portfolio, case study, benefit block, FAQ, features, demo, e-commerce product page, comparison, testimonials, contact/CTA.","when_to_load":["Before producing findings for any individual page section during a full top-to-bottom review.","When the user asks about one specific section (hero, FAQ, demo, pricing, comparison, testimonials, contact)."],"path":"references/section-scorecards.md"}]
path	apps/web/src/lib/services/agentic-chat/tools/skills/definitions/marketing_site_design_review/SKILL.md

Marketing Site Design Review

Identity

Conversion-grade marketing review child. This is a procedure skill at domain altitude — a section-by-section runbook for landing pages and marketing sites whose deep rules live in reference modules. Use this child when the surface is selling, positioning, explaining, or converting rather than helping an existing user complete an app task.

Activation

• Reviewing a landing page, homepage, pricing page, comparison page, product page, portfolio, case-study page, or launch page.
• Diagnosing why a marketing site converts poorly despite good traffic, or whether a page communicates value, looks credible, and has a strong hero and CTA path.
• Improving a section the owner already knows is weak (hero, FAQ, demo, contact).
• Scoring a competitor's marketing site to learn what to copy or beat, or planning a redesign before writing copy.
• A general UI review would miss offer clarity, proof, trust, and section-level conversion issues.

Judgment

The discipline this skill enforces is section-by-section honesty: a marketing page is a sequence of sections each with a known amateur tell and a known pro move, and the strongest amateur signal is effort drop-off — polishing the hero while the FAQ and contact form stay default.

Severity rubric:

• high — visitor cannot tell what is offered or for whom from the first viewport; missing or buried primary CTA; broken trust signal (stock-faked proof, contrast below 4.5:1); a section actively contradicting the offer.
• medium — a section showing its amateur tell instead of its pro move; effort drop-off; off-scale spacing or invented type styles; selling in the FAQ.
• low — stylistic preference; a pro move missing where the section is otherwise functional.

Procedure

1. Preflight. Identify the page goal, audience, promise, primary CTA, and proof standard in one or two sentences — if unclear, ask before reviewing. Capture or request screenshots of the full page (mobile and desktop if available) and note which section types are present.
2. Load marketing_site_design_review.foundation_rules and run the site-wide pass first: 4-pixel scales, type roles, contrast, 60/30/10 proportion, hierarchy ranking, and uniform layout effort. Foundational violations repeat in every section — report them once here, not per section.
3. Load marketing_site_design_review.section_scorecards and walk the page top to bottom. For each section present, run the matching scorecard row and operating lessons: amateur tells found, pro moves missing, specific fixes ordered by impact. Skip scorecards for section types not on the page.