design-taste-frontend

Design digital interfaces using predefined design engineering rules.

1|Updated Apr 20, 2026
One-click install
npx skills add https://github.com/joseook/signature-portfolio-manifesto --skill design-taste-frontend-joseook
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-taste-frontend
Source: https://github.com/joseook/signature-portfolio-manifesto/tree/main
Command: npx skills add https://github.com/joseook/signature-portfolio-manifesto --skill design-taste-frontend-joseook

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps you create digital interfaces that overcome LLM biases, adhering to strict design engineering rules and high-end standards.

Core Features & Use Cases

  • Design Engineering Rules: Follows metric-based rules for variance, motion intensity, and visual density.
  • Component Architecture: Enforces strict component architecture and styling policies.
  • Typography & Color Calibration: Implements deterministic typography, color calibration, and layout diversification.
  • Performance Guidelines: Ensures high performance with DOM cost management and hardware acceleration.

Quick Start

Run the skill with 'design-taste-frontend generate-design' to start creating your interface.

Frequently Asked Questions about design-taste-frontend

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

FAQPage Schema
How do I overcome LLM biases when generating UI/UX designs with Tailwind CSS?

To overcome LLM biases in UI/UX design, this Skill applies predefined design engineering rules that enforce strict component architecture, deterministic typography, and color calibration. It ensures generated Tailwind CSS interfaces meet high-end design standards.

How do I enforce strict design engineering rules for component architecture and visual density?

Enforcing strict design engineering rules requires applying metric-based constraints for visual density, motion intensity, and variance. This Skill implements deterministic layout diversification and styling policies to maintain high-end component architecture.

Does this Skill require prior knowledge of Framer Motion and Tailwind CSS to design interfaces?

Yes, designing interfaces with this Skill requires existing knowledge of Tailwind CSS, Framer Motion, and specific UI/UX design principles. It uses these frameworks to enforce strict styling policies and performance guidelines.

What is the best way to manage DOM cost and hardware acceleration for Framer Motion interfaces?

The best way to manage DOM cost and hardware acceleration is through enforced performance guidelines. This Skill ensures high performance by implementing strict DOM cost management and hardware acceleration rules for Framer Motion interfaces.

Why does my AI generated interface lack visual variance and layout diversification?

AI generated interfaces often lack visual variance due to inherent LLM biases. This Skill solves the problem by implementing deterministic layout diversification and metric-based rules for visual density and motion intensity.

Can I use design-taste-frontend to calibrate typography and color for digital interfaces?

Yes, you can use design-taste-frontend to calibrate typography and color. It implements deterministic typography and color calibration rules alongside strict component architecture to architect digital interfaces with precision.