# Openclaw Marketing Pages

> Create or update OpenClaw public-page composition for websites, landing pages, content pages, ecosystem pages, and campaigns. Use for page structure, navigation, responsive layout, media, SEO presentation, or public-site visual polish.

- Skill: `gabrielmoreira/openclaw-marketing-pages` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add gabrielmoreira/openclaw-marketing-pages`
- Raw SKILL.md: https://api.skillmd.com/api/skills/gabrielmoreira/openclaw-marketing-pages/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Marketing & Growth
- Author: gabrielmoreira (https://skillmd.com/u/gabrielmoreira)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/gabrielmoreira/openclaw-marketing-pages

---


# OpenClaw Marketing Pages

Build the real public experience first. Do not replace it with a generic landing-page
template or an explanatory feature tour.

## Workflow

1. Read [page-patterns.md](references/page-patterns.md).
2. Inspect the consumer's existing header, footer, sections, and page primitives.
3. Reuse local public-site patterns before adding another composition.
4. Use the canonical tokens and typography contract.
5. Make the brand, product, place, or object visible in the first viewport.
6. Keep a hint of the next section visible at common desktop and mobile heights.
7. Validate navigation, content hierarchy, media, light/dark themes, and responsive behavior in a browser.

## Rules

- Use the literal brand, product, place, person, or offer as the primary headline.
- Put value propositions in supporting copy rather than an abstract headline.
- Use relevant product or community imagery instead of atmospheric stock media.
- Keep page sections unframed; use cards only for genuinely repeated items.
- Avoid repetitive social-proof, feature-grid, and CTA sections without a content need.
- Keep headings proportionate to their container.
- Use icons for tools and familiar actions; do not use decorative icon boxes.
- Preserve readable line length and clear section rhythm.
- Use motion to explain state or progression, not as ambient decoration.
- Preserve SEO metadata, semantic heading order, and accessible navigation.