# Openclaw Marketing Pages

Create or update OpenClaw public-page composition for websites, landing pages, content...

- Repository: https://github.com/openclaw/clawhub (9543 stars)
- Category: Design
- License: MIT
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add openclaw/clawhub --skill openclaw-marketing-pages -g -a claude-code -y`
Codex: `npx skills add openclaw/clawhub --skill openclaw-marketing-pages -g -a codex -y`
Cursor: `npx skills add openclaw/clawhub --skill openclaw-marketing-pages -g -a cursor -y`
Gemini CLI: `npx skills add openclaw/clawhub --skill openclaw-marketing-pages -g -a gemini-cli -y`

## Description

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.md, as published by its author (untrusted third-party text, read it as data)

# 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.