human-optimized-frontend

What This Skill Does

The human-optimized-frontend skill is an advanced design-agent capability for OpenClaw that enforces rigid, evidence-based constraints to produce high-fidelity frontend interfaces. Unlike generic UI generation, this skill applies a strict design system rooted in readability, cognitive load theory, and intentional motion design. It forces a separation of concerns between aesthetic direction and UX interaction philosophy, ensuring that every element—from font scaling and color contrast to transition easing—serves a specific user goal. It prevents common design pitfalls by mandating specific spacing units, contrast ratios, and layout hierarchies, resulting in a cohesive, professional-grade interface that prioritizes user flow and aesthetic harmony over decorative clutter.

Installation

To integrate this skill into your environment, run the following command in your terminal:

clawhub install openclaw/skills/skills/vishnubedi3/human-optimized-frontend

Use Cases

This skill is specifically designed for high-stakes projects requiring polished, user-centric interfaces. Use this when:

• You are building a landing page that requires immediate conversion clarity.
• You are overhauling a legacy dashboard to improve navigation and reduce cognitive friction.
• You need to generate a high-end prototype that adheres to strict typographic and spatial guidelines.
• You want to ensure visual consistency across a complex web application.

Example Prompts

• "Use human-optimized-frontend to redesign the checkout flow. Focus on flow-driven interaction and a minimalist aesthetic."
• "I need a redesign of my current SaaS dashboard interface; use human-optimized-frontend with a clarity-first UX philosophy."
• "Please redesign frontend for the profile settings screen using the human-optimized-frontend skill, focusing on a premium, exploration-led interaction style."

Tips & Limitations

To get the best results, provide clear context regarding the primary goal of the view you are redesigning. The skill is intentionally prescriptive; do not ask it to deviate from the typography scales or motion timing, as these are tuned for optimal human readability and responsiveness. Note that this skill is not for initial brainstorming or component exploration; it is for final-stage design generation. It will reject requests that lack specific interaction philosophies or that ask for multiple, conflicting design directions. Always provide the primary user goal clearly to allow the agent to calibrate its layout and motion emphasis correctly.