aesthetics-router

Route interface feel requests to matching aesthetics and emotion principles.

6|3|Updated May 3, 2026
One-click install
npx skills add https://github.com/HDeibler/universal-design-principles --skill aesthetics-router
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: aesthetics-router
Source: https://github.com/HDeibler/universal-design-principles/tree/main/plugins/aesthetics-and-emotion-principles/skills/aesthetics-router
Command: npx skills add https://github.com/HDeibler/universal-design-principles --skill aesthetics-router

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It helps you select the correct universal design principle when you need an interface to feel more premium, friendly, trustworthy, delightful, or emotionally engaging rather than just functional.

Core Features & Use Cases

  • Aesthetics & emotion routing: Directs the model to the best-fitting aesthetics sub-skill based on the user’s intent (e.g., “premium,” “feels cold/cheap,” “brand voice,” “make this more delightful”).
  • Coverage across key emotional levers: Includes principles for perceived quality, personality/tone, persuasion & emotional pull, and evolutionary biases.
  • Contextual guidance via heuristic pointers: Provides quick “read-first” recommendations for common surfaces like landing pages, onboarding, mascots/avatars, and empty/celebration states.

Quick Start

Use the aesthetics-router skill to route a design request about tone or emotional quality for an interface to the best matching aesthetics principle.

Frequently Asked Questions about aesthetics-router

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I match my UI design to the right emotional design principle?

To match UI design to the correct emotional design principle, you route product feel requests based on detected tone and emotion cues, mapping interface aesthetics to specific design guidance for premium, friendly, or trustworthy experiences.

What is the best way to make a product interface feel more premium and engaging?

Making a product interface feel more premium involves routing the request through aesthetics and emotion principles, which direct the design logic toward perceived quality, personality tone, and persuasive emotional pull.

Can I apply emotional design principles to onboarding and empty states?

Yes, you can apply emotional design principles to onboarding and empty states by using heuristic pointers that provide contextual guidance for common surfaces like landing pages, mascots, and celebration states.

How do I fix a landing page hero section that feels cold or cheap?

Fixing a hero section that feels cold or cheap requires routing the interface feel request to aesthetics principles focused on brand voice and evolutionary biases, correcting the perceived quality through targeted emotional design adjustments.

When do I need to use aesthetics routing for brand voice and persuasion?

You need aesthetics routing for brand voice and persuasion when an interface must feel emotionally engaging rather than purely functional, requiring intent detection to map tone and polish cues to the correct design principle.

Does this approach work for designing mascot and avatar personalities?

Yes, designing mascot and avatar personalities works with this approach because the routing mechanism includes heuristic pointers that provide read-first recommendations for emotional surfaces across various UI contexts.