taste-design-frontend

What problem does it solve?

This Skill ensures the creation of high-quality UI/UX designs for digital interfaces, mitigating the biases inherent in language models and enforcing a set of best practices for consistent, professional results.

Core Features & Use Cases

• Baseline Configuration: Sets standard design parameters such as variance, motion intensity, and visual density.
• Architecture & Conventions: Adheres to structural constraints for dependency verification, framework use, state management, and styling.
• Design Engineering Directives: Corrects common LLM biases in typography, color calibration, layout, materiality, and interaction states.
• Creative Proactivity: Implements advanced concepts like "Liquid Glass" and "Magnetic Micro-physics" for a premium visual experience.
• Performance Guardrails: Enforces DOM cost control, hardware acceleration, and z-index restraint for optimal performance.
• Technical Reference: Provides detailed guidance on design variance, motion intensity, and visual density levels.
• AI TELLS: Outlines forbidden patterns and high-end inspiration for visual design and content creation.
• The Creative Arsenal: Suggests advanced concepts like GSAP and ThreeJS for complex animations and interactivity.
• The "Motion-Engine" Bento Paradigm: Details the "Bento 2.0" architecture for modern SaaS dashboards with perpetual motion and micro-interactions.
• Final Pre-Flight Check: Offers a comprehensive checklist for code evaluation and quality assurance.
• Use Case: Ideal for UI/UX designers, developers, and product managers looking to enhance the visual and interactive quality of digital products.

Quick Start

To initiate the skill, provide a project brief and relevant design requirements. The skill will generate a UI/UX design that adheres to the specified baseline configuration and best practices.