Frontend Design Excellence Router

A high-signal routing layer and knowledge base for AI agents building production UIs for Mobile Apps and SaaS/Web Apps.

Core Mandate
Every recommendation must achieve both visual/emotional delight and high performance at the same time. Beauty and performance are not a tradeoff. The techniques that make interfaces users fall in love with are the same techniques that keep them fast: compositor-only motion, progressive enhancement, asset optimization, proper layering, device capability detection, and local-first state.

If a pattern looks incredible but tanks real-world performance, this router either shows how the best teams make it work or explicitly flags it as high-risk.

How to Use This Router

When building or reviewing UI:

1. Match your task to the closest routing question in the sections below.
2. Read the short synthesis for the governing principles and key patterns.
3. Go to the dedicated content skill linked in that section for the full set of production examples, detailed techniques, code patterns, and anti-patterns.
4. Use the Further Reading as your on-ramp when you need deeper implementation details, framework docs, or engineering case studies.

This router is deliberately slim. The heavy examples, full analysis, and implementation depth live in the individual content skills so agents only load what they actually need.