Xpersona
Claim this agent
agentCLAWHUBUnverified

human-optimized-frontend

Generates a frontend interface that is visually pleasing and experientially sound by jointly optimizing aesthetics, motion graphics, and user experience (UX) using quantified evaluation. Use only when the user explicitly invokes this skill by name to redesign a frontend. Trigger keywords: use human-optimized-frontend, redesign frontend, redesign interface. Skill: human-optimized-frontend Owner: kn7fss5epqvvjb87r6sn0hk1cd802c8a Summary: Generates a frontend interface that is visually pleasing and experientially sound by jointly optimizing aesthetics, motion graphics, and user experience (UX) using quantified evaluation. Use only when the user explicitly invokes this skill by name to redesign a frontend. Trigger keywords: use human-optimized-frontend, redesign frontend,

OpenClaw
View on ClawHub

Rank

62

Safety

84

Downloads

2.8k

Updated

Apr 15, 2026

Version

1.0.0

Source

CLAWHUB

About

What it does, and when to use it.

Capability contract not published. No trust telemetry is available yet. 2.8K downloads reported by the source. Last updated 4/15/2026.

Avoid when

  • Contract metadata is missing or unavailable for deterministic execution.

Risk flags: missing_or_unavailable_contract, trust_data_unavailable, schema_references_missing

Public facts

Every fact links back to the source it came from.

Vendor
Clawhubvendor · observed Apr 15, 2026
Protocol compatibility
OpenClawcompatibility · observed Apr 15, 2026
Adoption signal
2.8K downloadsadoption · observed Apr 15, 2026
Latest release
1.0.0release · observed Jan 31, 2026
Handshake status
UNKNOWNsecurity

Install and run

Setup complexity: low.

clawhub skill install kn7fss5epqvvjb87r6sn0hk1cd802c8a:human-optimized-frontend
  1. Setup complexity is LOW. This package is likely designed for quick installation with minimal external side-effects.
  2. Final validation: Expose the agent to a mock request payload inside a sandbox and trace the network egress before allowing access to real customer data.

Contract: missing

curl -s "https://www.xpersona.co/api/v1/agents/clawhub-kn7fss5epqvvjb87r6sn0hk1cd802c8a-human-optimized-fronte/snapshot"

Documentation

CLAWHUB

7,388 characters of source documentation, loaded on request.

Extracted files

2 files captured from the source.

SKILL.md

---
name: human-optimized-frontend
description: >
  Generates a frontend interface that is visually pleasing and experientially sound by jointly optimizing
  aesthetics, motion graphics, and user experience (UX) using quantified evaluation.
  Use only when the user explicitly invokes this skill by name to redesign a frontend.
  Trigger keywords: use human-optimized-frontend, redesign frontend, redesign interface.
---

## Activation Criteria
Activate this skill only when the user explicitly instructs the agent to redesign a frontend and references this skill by name.

Do not activate for:
- Conceptual discussion or critique only
- Coding or implementation tasks
- Inspiration, references, or visual examples
- Partial or component-level design requests

## Execution Steps

### 1. Context Intake
- Consume all provided information about the interface.
- If context is missing, assume a neutral functional product with general-purpose usage.
- Do not assume branding, audience psychology, or business goals unless explicitly stated.

### 2. Direction Lock (Aesthetic + UX)
- Select exactly one aesthetic direction.
- Select exactly one UX interaction philosophy (e.g. clarity-first, flow-driven, exploration-led).
- All visual, motion, and interaction decisions must reinforce both.
- Do not mix stylistic or interaction paradigms.

### 3. Initial Design Generation

#### Typography
- Body text baseline: 15–18px equivalent
- Heading scale:
  - H1 = body × 2.2–2.6
  - H2 = body × 1.6–1.9
  - H3 = body × 1.3–1.5
- Line height:
  - Body: 1.45–1.6
  - Headings: 1.15–1.3
- Font rule:
  - Serif + sans-serif pairing OR single family with ≥ 4 weights
- Letter spacing:
  - Headings: -1% to -3%
  - Body: 0% to +1%
- Prohibited fonts: system defaults, Inter, Roboto, Arial.

#### Color & Theme
- Palette:
  - 1 dominant
  - 1 secondary
  - 1 accent
  - 1 neutral base
- Contrast:
  - Text ≥ 4.5:1
  - Interactive elements ≥ 3:1
- Accent usage ≤ 10% of visible area
- Only one saturated color allowed
- Gradients allowed only as background fields

#### Layout & Composition
- Single spacing base unit (8px or 10px)
- Visual weight distribution:
  - Primary: 40–55%
  - Secondary: 25–35%
  - Tertiary: ≤ 20%
- Maximum two alignment axes per view
- Symmetry allowed only with counterbalancing contrast

#### Background & Depth
- Background type:
  - Textured neutral OR
  - Low-contrast geometry OR
  - Layered planes
- Max depth layers: 3
- Foreground contrast must exceed background by ≥ 20%

#### Motion Graphics (Mandatory)
- Required motion categories:
  - Entry motion
  - Hierarchy reinforcement
  - Interaction feedback
- Timing: 180–420ms
- Easing:
  - Primary: ease-out
  - Secondary: subtle cubic or linear
- Max simultaneous moving elements per viewport: 3
- Motion must encode hierarchy, state, or spatial relation
- Prohibited: decorative loops, idle animations, novelty motion

#### UX Structur

_meta.json

{
  "ownerId": "kn7fss5epqvvjb87r6sn0hk1cd802c8a",
  "slug": "human-optimized-frontend",
  "version": "1.0.0",
  "publishedAt": 1769840337528
}

Related agents

Same protocol, similar job.

Github ReposUpdated 1h agoRank 70

AionUi

Free, local, open-source 24/7 Cowork app and OpenClaw for Gemini CLI, Claude Code, Codex, OpenCode, Qwen Code, Goose CLI, Auggie, and more | 🌟 Star if you like it!

MCPOPENCLAW
Github ReposUpdated 6mo agoRank 70

activepieces

AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents

OPENCLAW
Github ReposUpdated 6mo agoRank 70

cherry-studio

AI productivity studio with smart chat, autonomous agents, and 300+ assistants.

MCPOPENCLAW
Github ReposUpdated 7mo agoRank 70

CopilotKit

The Frontend for Agents & Generative UI. React + Angular

OPENCLAW

Machine-readable data

The same record, as JSON, for agents and crawlers.

{
  "facts": [
    {
      "factKey": "vendor",
      "category": "vendor",
      "label": "Vendor",
      "value": "Clawhub",
      "href": "https://clawhub.ai/kn7fss5epqvvjb87r6sn0hk1cd802c8a/human-optimized-frontend",
      "sourceUrl": "https://clawhub.ai/kn7fss5epqvvjb87r6sn0hk1cd802c8a/human-optimized-frontend",
      "sourceType": "profile",
      "confidence": "medium",
      "observedAt": "2026-04-15T00:45:39.800Z",
      "isPublic": true
    },
    {
      "factKey": "protocols",
      "category": "compatibility",
      "label": "Protocol compatibility",
      "value": "OpenClaw",
      "href": "https://www.xpersona.co/api/v1/agents/clawhub-kn7fss5epqvvjb87r6sn0hk1cd802c8a-human-optimized-fronte/contract",
      "sourceUrl": "https://www.xpersona.co/api/v1/agents/clawhub-kn7fss5epqvvjb87r6sn0hk1cd802c8a-human-optimized-fronte/contract",
      "sourceType": "contract",
      "confidence": "medium",
      "observedAt": "2026-04-15T00:45:39.800Z",
      "isPublic": true
    },
    {
      "factKey": "traction",
      "category": "adoption",
      "label": "Adoption signal",
      "value": "2.8K downloads",
      "href": "https://clawhub.ai/kn7fss5epqvvjb87r6sn0hk1cd802c8a/human-optimized-frontend",
      "sourceUrl": "https://clawhub.ai/kn7fss5epqvvjb87r6sn0hk1cd802c8a/human-optimized-frontend",
      "sourceType": "profile",
      "confidence": "medium",
      "observedAt": "2026-04-15T00:45:39.800Z",
      "isPublic": true
    },
    {
      "factKey": "latest_release",
      "category": "release",
      "label": "Latest release",
      "value": "1.0.0",
      "href": "https://clawhub.ai/kn7fss5epqvvjb87r6sn0hk1cd802c8a/human-optimized-frontend",
      "sourceUrl": "https://clawhub.ai/kn7fss5epqvvjb87r6sn0hk1cd802c8a/human-optimized-frontend",
      "sourceType": "release",
      "confidence": "medium",
      "observedAt": "2026-01-31T06:18:57.528Z",
      "isPublic": true
    },
    {
      "factKey": "handshake_status",
      "category": "security",
      "label": "Handshake status",
      "value": "UNKNOWN",
      "href": "https://www.xpersona.co/api/v1/agents/clawhub-kn7fss5epqvvjb87r6sn0hk1cd802c8a-human-optimized-fronte/trust",
      "sourceUrl": "https://www.xpersona.co/api/v1/agents/clawhub-kn7fss5epqvvjb87r6sn0hk1cd802c8a-human-optimized-fronte/trust",
      "sourceType": "trust",
      "confidence": "medium",
      "observedAt": null,
      "isPublic": true
    }
  ],
  "events": [
    {
      "eventType": "release",
      "title": "Release 1.0.0",
      "description": "- Initial release of the human-optimized-frontend skill. - Generates comprehensive frontend specifications focused on aesthetics, motion graphics, and UX using quantified evaluation. - Activation restricted to explicit user requests referencing the skill name. - Defines step-by-step process: context intake, singular direction lock, strict visual and interaction rules, motion integration, and iterative scoring. - Enforces strict output and non-goal constraints: no code, assets, mockups, alternatives, or explanations. - Includes clear failure and ambiguity handling statements.",
      "href": "https://clawhub.ai/kn7fss5epqvvjb87r6sn0hk1cd802c8a/human-optimized-frontend",
      "sourceUrl": "https://clawhub.ai/kn7fss5epqvvjb87r6sn0hk1cd802c8a/human-optimized-frontend",
      "sourceType": "release",
      "confidence": "medium",
      "observedAt": "2026-01-31T06:18:57.528Z",
      "isPublic": true
    }
  ]
}

Record generated Oct 9, 2026.

Sponsored

Ads related to human-optimized-frontend and adjacent AI workflows.