| name | preference-marketing-web |
| description | Applies a scenario-matched preference brief to public marketing and editorial websites while protecting content hierarchy, conversion goals, accessibility, performance, responsive behavior, and declared discoverability requirements. Use for landing pages, portfolios, company sites, campaign pages, or article layouts after preferences have been calibrated or provided. Do not use for authenticated dashboards, workflow-heavy product UI, or native mobile applications. |
Preference Marketing Web
Apply a bounded preference record to a public page. Route unresolved subjective decisions back to calibration.
Keep three judgments separate
Keep correctness, task fitness, and human preference separate. Never average them into one quality or taste score. A preferred treatment cannot excuse a broken link, inaccessible control, misleading claim, unreadable page, or performance failure.
Confirm the route
Use this skill when the main job is to understand, evaluate, read, trust, or convert on a mostly public page.
Route dashboards, settings, tables, repeated operational workflows, and authenticated product screens to preference-product-ui. Split hybrid products into public and product areas.
Freeze objective requirements
Before comparing any visual treatment, record:
- page type, audience, primary promise, and conversion action;
- exact source revision and runtime;
- representative final content;
- navigation, link, and form behavior;
- semantic hierarchy and discoverability requirements;
- responsive viewports;
- keyboard, contrast, focus, and reduced-motion requirements;
- performance budget.
Do not use placeholder content when it changes hierarchy or wrapping.
Apply or calibrate one axis
Load only a preference rule whose scenario covers marketing or editorial web work.
Use these axes as question prompts, not universal rules:
- composition and visual rhythm;
- typography and hierarchy;
- color and contrast;
- imagery and texture;
- density and whitespace;
- interaction.
For an unresolved axis:
- Keep the rest of the page and content fixed.
- Create two to six neutral alternatives.
- Include enough surrounding context to judge the section in the page.
- Record desktop and mobile evidence at fixed dimensions.
- Present the alternatives without revealing the agent's preference.
- Allow choose, reject-all, and abstain.
- Record the literal response and route it through
preference-calibrate.
Read references/marketing-web-axes.md before designing a comparison.
Validate the implementation
- Bind evidence to the exact implementation revision.
- Render representative content at declared desktop and mobile viewports.
- Check semantic headings, links, forms, keyboard paths, focus, contrast, and reduced motion.
- Check overflow at 320 px and 200% zoom.
- Check the visible reading or conversion path.
- Measure performance against the declared budget.
- Capture interactive behavior as video or a trace; do not infer motion from a still.
- Use a new section or component as held-out evidence without retuning the chosen rule.
- Pass the dossier to
preference-verify.
Use references/marketing-web-evidence.md for the capture matrix.
Stop and refuse
Block preference-led release for:
- broken navigation, links, forms, or conversion actions;
- inaccessible contrast, focus, keyboard behavior, or motion;
- unreadable or overflowing responsive states;
- placeholder content that changes the decision;
- missing exact-revision evidence;
- rules imported from product UI, native mobile, or prose;
- screenshot-only proof for motion or interaction;
- performance regression outside the declared budget.
Refuse to infer the owner's preference from current trends or generic design doctrine. When no compatible record exists, calibrate instead of improvising a house style.
Output
Return:
- exact revision and page contract;
- applied rules with provenance and exclusions;
- objective validation results;
- fixed-viewport captures or interaction evidence;
- the held-out result;
- separate correctness, task-fit, and preference assessments.