taste-skill

Generate web application UI/UX designs with adjustable design variance, motion intensity, and visual density.

Updated May 28, 2026
One-click install
npx skills add https://github.com/SensLiao/Claude-code-setting --skill taste-skill-sensliao
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: taste-skill
Source: https://github.com/SensLiao/Claude-code-setting/tree/main/skills/taste-skill
Command: npx skills add https://github.com/SensLiao/Claude-code-setting --skill taste-skill-sensliao

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill solves the problem of creating visually stunning and technically superior UI/UX for premium frontend work, ensuring projects stand out with quality design and coding practices.

Core Features & Use Cases

  • Tunable Design Variances: Adjust three parameters (design variance, motion intensity, visual density) to create custom designs.
  • Style Variant Modes: Select from variant modes like Editorial Monochrome, Double-Bezel Agency Depth, and GSAP Scrollytelling to match project styles.
  • Design Engineering Rules: Applies engineered rules to counter LLM biases in design patterns.

Quick Start

To begin, select a style variant (e.g., 'A') and a baseline configuration for the skill, then start creating your UI design.

Frequently Asked Questions about taste-skill

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

FAQPage Schema
How do I create high-end UI/UX design for premium web frontend development?

High-end UI/UX design is created by applying tunable design variances and specific style variant modes to generate visually stunning web frontend interfaces. You can adjust parameters like design variance, motion intensity, and visual density to match your project aesthetics.

What are the best ways to counter AI design biases in web frontend interfaces?

To counter AI design biases in web frontend interfaces, apply specific design engineering rules during the generation process. These enforced rules prevent common LLM design pattern biases, ensuring professional-quality and technically superior web design output.

How do I adjust motion intensity and visual density for custom web designs?

Motion intensity and visual density are adjusted using user-tunable design dials before generating the web frontend. These configurable parameters allow you to control the animation levels and layout compactness to create highly customizable style variants.

Can I use GSAP scrollytelling and editorial monochrome styles for web applications?

GSAP scrollytelling and editorial monochrome styles are available as selectable style variant modes for web applications. These modes provide distinct aesthetic presets like Double-Bezel Agency Depth, allowing you to match specific project design requirements.

Do I need specific dependencies to enforce coding standards in premium web design?

No specific dependencies are required to enforce coding standards in premium web design. The skill operates independently through custom scripting and built-in design engineering rules to ensure high-end UI/UX quality without external libraries.

Why does my AI generated web frontend design lack visual variance?

AI generated web frontend designs often lack visual variance due to inherent LLM design biases. By utilizing tunable design dials and engineered design rules, you can introduce customized visual density and motion intensity to overcome these limitations.