human-optimized-frontend

What problem does it solve?

This skill provides a disciplined, theory-informed approach to redesigning frontend interfaces for visual harmony, motion clarity, and UX effectiveness, reducing iteration time.

Core Features & Use Cases

• End-to-end frontend redesign guidance: Generates a complete frontend specification that harmonizes typography, color, layout, motion, and UX structure.
• Single-direction design system: Enforces exactly one aesthetic direction and one UX philosophy per activation.
• Output artifact: Produces a top-level declarative frontend specification ready for implementation, including typography, color palette, layout, background, motion, and UX rules.
• Use Case: You want a dashboard redesigned for improved readability and navigational clarity while preserving brand constraints.

Quick Start

Use the human-optimized-frontend skill to generate a complete frontend redesign specification for a dashboard with a focus on readability and smooth motion.