skills.rest
Ildeey
IldeeyCOMMUNITY
Explore all skills by this author →
GitHub

design-taste-frontend

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

Updated Oct 26, 2025
Search Tags:#performance optimization#UI/UX design#creative design#high-end UI#SaaS dashboard#AI-driven guidelines
One-click install
npx skills add https://github.com/Ildeey/Portfolio --skill design-taste-frontend-ildeey
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-taste-frontend
Source: https://github.com/Ildeey/Portfolio/tree/main/claude_skills/design-taste-frontend
Command: npx skills add https://github.com/Ildeey/Portfolio --skill design-taste-frontend-ildeey

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides AI-driven frontend development guidelines to overcome common UI clichés, ensuring high-end, functional, and memorable interfaces.

Core Features & Use Cases

  • Bias Correction: Engineered rules for typography, color calibration, and layout diversification.
  • Creative Proactivity: Advanced UI concepts like "Liquid Glass" and "Magnetic Micro-physics".
  • Performance Guardrails: Hardware acceleration and DOM cost optimization.
  • Technical Reference: Detailed guidelines for "design variance", "motion intensity", and "visual density".
  • AI TELLS: Forbidden patterns and high-end inspiration for visual and CSS design.
  • Creative Arsenal: Advanced concepts like the "Hero Paradigm" and "Motion-Engine Bento Paradigm".
  • Quick Start: Implement high-end UI/UX design using AI-driven guidelines to enhance your digital interfaces.

Quick Start

Use the design-taste-frontend skill to architect a modern SaaS dashboard with "Bento 2.0" architecture and "Perpetual Micro-Interactions".

Frequently Asked Questions about design-taste-frontend

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

FAQPage Schema
How do I build a high-end SaaS dashboard with modern UI/UX design?▼

To build a high-end SaaS dashboard, apply AI-driven guidelines focusing on "Bento 2.0" architecture, "Liquid Glass" concepts, and "Perpetual Micro-Interactions" to ensure a functional and memorable interface.

What are the best practices for frontend performance optimization in complex UI?▼

Frontend performance optimization in complex UI requires implementing performance guardrails like hardware acceleration and DOM cost optimization to maintain smooth visual density and motion intensity.

How do I overcome common UI clichés in frontend development?▼

Overcome common UI clichés by applying bias correction rules for typography, color calibration, and layout diversification, alongside creative concepts like "Magnetic Micro-physics" for advanced visual design.

Does this approach support hardware acceleration for motion-heavy interfaces?▼

Yes, this approach supports hardware acceleration by enforcing performance guardrails and DOM cost optimization, ensuring motion-heavy interfaces and advanced micro-interactions run smoothly without degradation.

When should I use Bento 2.0 architecture for SaaS dashboard development?▼

Use "Bento 2.0" architecture for SaaS dashboard development when you need to structure complex data visualizations with high visual density, leveraging the Motion-Engine Bento Paradigm for advanced interactions.

How do I fix poor visual density and motion intensity in my frontend design?▼

Fix poor visual density and motion intensity by referencing detailed AI-driven guidelines for design variance and motion intensity, ensuring your interface avoids forbidden patterns and achieves high-end aesthetics.

Related Skills

Explore More Design & Creative Skills→
priyansh19priyansh19
1

design-guide

Establish and enforce CrewSpace UI design system standards across frontend components.

Community
Advanced
ilove323ilove323

design-handoff

Generate markdown-ready developer handoff specifications from Figma links or screenshots.

Community
Intermediate
BenAIOSBenAIOS

design-taste-frontend

Generate high-end UI/UX interfaces with React, Tailwind CSS, and Framer Motion.

Official
Advanced
Yoriichi-DangYoriichi-Dang

react-uiux-design-first

Inspect React components and implement UI elements following design-first guidelines with accessibility checks.

Community
Basic