本文へ移動
cccskills
無料GitHub で公開

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.

openclaw/docs
インストール方法を見る

含まれるファイル（2）

  • SKILL.md1.7 KB
  • references/page-patterns.md1.4 KB

SKILL.md（原文）

インストールする前に、エージェントに与えられる指示の中身を確認できます。

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

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

ログインしてレビューを書く

同じリポジトリのスキル

概要と使いどころ

autoreview

無料

Structured code review through the shared OpenClaw agent-skills installation.

日本語の概要は準備中です。原文の説明を表示しています。

openclaw/docs762026年10月11日 更新

crabbox

無料

Use the Crabbox wrapper for OpenClaw remote validation across Linux, macOS, Windows, and WSL2, including delegated Blacksmith Testbox proof. Report the actual provider and id.

日本語の概要は準備中です。原文の説明を表示しています。

openclaw/docs762026年10月11日 更新

openclaw-brand

無料

Apply OpenClaw visual identity to logos, typography, imagery, voice, documents, presentations, social graphics, and launch materials. Use when the task changes brand identity rather than ordinary product UI or public-page composition.

日本語の概要は準備中です。原文の説明を表示しています。

openclaw/docs762026年10月11日 更新

openclaw-carapace

無料

Build or modify OpenClaw application UI using canonical semantic tokens, themes, shared CSS foundations, consumer adapters, and established local primitives. Use for product interfaces, component styling, theme work, or design-token integration.

日本語の概要は準備中です。原文の説明を表示しています。

openclaw/docs762026年10月11日 更新

openclaw-design

無料

Route OpenClaw design work to canonical brand, Carapace product-interface, marketing-page, or design-audit guidance. Use when a task touches OpenClaw visual identity, shared CSS tokens, product UI, public web pages, or Carapace compliance.

日本語の概要は準備中です。原文の説明を表示しています。

openclaw/docs762026年10月11日 更新

openclaw-design-audit

無料

Audit OpenClaw frontend code and rendered interfaces for Carapace drift, token misuse, primitive reimplementation, accessibility problems, responsive defects, and off-brand copy. Use for design reviews, compliance checks, or scheduled audit-and-fix workflows.

日本語の概要は準備中です。原文の説明を表示しています。

openclaw/docs762026年10月11日 更新

openclaw のスキルをすべて見る

このスキルの問題を報告する