design-taste-frontend

To create a frontend design system, provide a project brief specifying the type, audience, and desired aesthetic. The skill infers user intent and recommends tailored design systems with specific engineering directives for typography, color, and layout.

To avoid template-looking UI, apply structured design engineering directives for typography, color, and layout. This skill provides specific instructions to bypass common clichés and create non-templated interfaces based on your aesthetic preferences.

To map brand assets to a UI development design system, include existing assets in your initial brief. The skill interprets these assets to infer intent, ensuring your frontend design aligns with established brand guidelines and technical requirements.

You need a basic understanding of design systems and engineering best practices. The skill focuses on providing structured technical guidance for frontend design decisions, requiring you to understand how to implement the provided typography and layout directives.

You can get specific UI state guidelines through design engineering directives. The skill provides precise instructions for typography, color, layout, and UI states to avoid common pitfalls, ensuring comprehensive frontend design implementation.

Your frontend design lacks a structured process if you miss engineering directives for UI states. This skill applies a structured design process to web projects, interpreting briefs to offer best practices and avoid common design pitfalls.