design-taste-frontend

The design-taste-frontend skill is crafted for senior UI/UX engineers aiming to create highly refined digital interfaces while overriding default large language model biases. It establishes strict baseline configurations for design variance, motion intensity, and visual density, ensuring that every interface maintains a deliberate aesthetic balance between structure and creativity. By enforcing metric-based rules and a disciplined component architecture, this skill addresses common pitfalls in automated UI generation, such as inconsistent spacing, improper typography, and unoptimized animation, providing a more predictable and professional output.

This skill's main features include proactive dependency verification for third-party libraries, strict adherence to React or Next.js frameworks, and clear separation of client and server components to maintain interactivity safety. It leverages Tailwind CSS for standardized styling, enforces global iconography consistency using Phosphor or Radix icons, and implements bias-correcting design rules such as deterministic typography and premium sans-serif pairings for dashboards and software UIs. Additionally, it mandates viewport stability measures, responsive breakpoints, and grid-based layouts over complex flexbox math to guarantee reliable and visually appealing structures.

Ideal use cases for design-taste-frontend include building high-end dashboards, creative software interfaces, marketing pages, and interactive components that require precision and a sophisticated aesthetic. Target users are professional frontend developers and UI/UX engineers who need to maintain consistent design quality while dynamically adapting baseline configurations according to project requirements. This skill is particularly valuable for teams working on large-scale applications where design uniformity, responsive behavior, and polished user interactions are critical.