skills.rest
DevQwiet
DevQwietCOMMUNITY
Explore all skills by this author →
GitHub

design-taste-frontend

Architects digital interfaces enforcing metric-based design rules for variance, motion intensity and density, plus UI concepts and animations.

Updated Apr 25, 2026
Search Tags:#performance optimization#interactive UI#UI design#design engineering#digital interface#advanced UI concepts
One-click install
npx skills add https://github.com/DevQwiet/my-skills --skill design-taste-frontend-devqwiet
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-taste-frontend
Source: https://github.com/DevQwiet/my-skills/tree/main/design-taste-frontend
Command: npx skills add https://github.com/DevQwiet/my-skills --skill design-taste-frontend-devqwiet

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the challenge of creating digital interfaces that are both visually striking and functional, free from common AI-generated clichés and biases.

Core Features & Use Cases

  • Design Engineering Rules: Enforces metric-based design rules for variance, motion, and density.
  • Architecture & Conventions: Adheres to strict architectural guidelines for dependency verification, framework, state management, and styling.
  • Creative Proactivity: Implements advanced UI concepts like "Liquid Glass" and "Magnetic Micro-physics" for interactive elements.
  • Performance Guardrails: Ensures optimal performance with hardware acceleration and DOM cost management.
  • Technical Reference: Provides detailed guidelines for design variance, motion intensity, and visual density levels.
  • AI TELLS: Outlines forbidden patterns and high-end inspiration for visual and CSS design, typography, layout, content, and external resources.
  • Creative Arsenal: Offers a library of advanced UI concepts and animations for creating memorable and striking interfaces.
  • Motion-Engine Bento Paradigm: Introduces a comprehensive approach to dashboard and feature section design with perpetual motion and micro-interactions.

Quick Start

Generate a high-agency UI design for a SaaS dashboard with the design-taste-frontend skill, setting the motion intensity to 8 and visual density to 7.

Frequently Asked Questions about design-taste-frontend

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

FAQPage Schema
How do I architect digital interfaces with strict design variance and motion intensity rules?▼

To architect digital interfaces with strict design variance and motion intensity rules, enforce metric-based design rules for visual density, state management, and styling policies. This ensures functional compliance while maintaining a striking, high-agency aesthetic free of common visual clichés.

What are advanced UI concepts for building interactive digital interfaces?▼

Advanced UI concepts for building interactive digital interfaces include techniques like Liquid Glass and Magnetic Micro-physics. These interactive elements provide perpetual motion and micro-interactions to create memorable, striking user experiences without relying on standard templates.

How do I optimize interactive UI performance while maintaining high visual density?▼

Optimize interactive UI performance while maintaining high visual density by applying performance guardrails such as hardware acceleration and DOM cost management. This prevents rendering bottlenecks even when implementing advanced animations and motion-engine paradigms.

Can I use this approach to design a SaaS dashboard with specific motion and density levels?▼

Yes, you can generate a high-agency UI design for a SaaS dashboard by setting specific metric parameters, such as a motion intensity of 8 and a visual density of 7. This applies strict architectural conventions to feature section design and micro-interactions.

What forbidden patterns should I avoid when engineering digital interface designs?▼

When engineering digital interface designs, avoid forbidden patterns outlined in AI TELLS, which prevent generic visual and CSS designs, typography, and layouts. Following these constraints ensures your interface avoids common AI-generated clichés and maintains a distinct style.

Related Skills

Explore More Design & Creative Skills→
soq123soq123

mockup-graduate

Migrate approved mockups into production components with routing, state, and styling.

Community
Advanced
IldeeyIldeey

design-taste-frontend

Provides AI-driven frontend development guidelines for high-end UI/UX and performance optimization.

Community
Advanced
Himanshu040604Himanshu040604

design-taste-frontend

Generate React dashboards with metric-based design rules and hardware acceleration.

Community
Advanced
billydeeii136billydeeii136

design-taste-frontend

Enforce design variance, motion intensity, and visual density metrics for premium digital interfaces.

Community
Advanced