LogoClawIndex
CasesSkillsAbout
LogoClawIndex

product-frontend-design - Design and review distinctive product frontends

Reviews and designs SaaS, marketing, and product interfaces by clarifying messaging, improving hierarchy, and implementing distinctive frontend experiences.

Tags

Updated: 2026-10-02
frontend designproduct designweb designSaaSmarketing sitesUX writingUI implementation

Capabilities

Clarify product valueDefine audience and purposeRewrite unclear marketing copyImprove page hierarchy

Typical Inputs

Product or site briefTarget audienceScreenshots

Typical Outputs

Product messaging recommendationsPage structure recommendationsCopy revisions

What this skill does

  • Clarify product value
  • Define audience and purpose
  • Rewrite unclear marketing copy
  • Improve page hierarchy
  • Focus calls to action
  • Design distinctive interfaces
  • Review existing websites
  • Implement frontend interfaces
  • Define visual direction
  • Specify interaction patterns

Inputs

  • Product or site brief
  • Target audience
  • Screenshots
  • Existing copy
  • Live URL
  • Product concept
  • Technical constraints
  • Brand context
  • Visual inspiration
  • Framework requirements
  • Performance requirements
  • Accessibility requirements
  • Device targets

Outputs

  • Product messaging recommendations
  • Page structure recommendations
  • Copy revisions
  • Visual direction
  • Frontend design guidance
  • Interaction specifications
  • Frontend code
  • Website design review

Requirements

    Source

    • Spec: SKILL.md

    ClawIndex

    OpenClaw Skills & Use Case Index

    ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

    Index

    Skills·
    Cases

    Meta

    About·
    Disclaimer·
    Email·
    GitHub
    © 2026 ClawIndex All Rights Reserved.