design-taste-frontend

Enforce strict design rules and metrics for frontend UI/UX workflows.

31|4|Updated Apr 9, 2026
One-click install
npx skills add https://github.com/Chepko932/OctoOffice --skill design-taste-frontend-chepko932
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-taste-frontend
Source: https://github.com/Chepko932/OctoOffice/tree/main/tools/taste-skill
Command: npx skills add https://github.com/Chepko932/OctoOffice --skill design-taste-frontend-chepko932

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill eliminates generic UI/UX designs by enforcing strict design rules and metrics, ensuring modern, high-end interfaces are created.

Core Features & Use Cases

  • Design Variance Control: Adjust design variance with three control dials (Design Variance, Motion Intensity, Visual Density).
  • Architecture & Conventions: Follows specific architectural guidelines for consistency and performance.
  • Bias Correction: Corrects common LLM biases in UI/UX design.
  • Creative Proactivity: Implements advanced UI/UX concepts to combat generic designs.
  • Performance Guardrails: Ensures optimal performance and hardware acceleration.
  • Technical Reference: Provides detailed definitions and examples for design parameters.
  • Forbidden Patterns: Lists design patterns to avoid for premium output.
  • Creative Arsenal: Offers a library of high-end UI/UX concepts for inspiration.
  • Motion-Engine Bento Paradigm: Specifies architecture and motion philosophy for modern SaaS dashboards.
  • Final Pre-Flight Check: Provides a checklist for code evaluation before output.

Quick Start

Add this file to your project folder and instruct your AI to follow the rules in SKILL.md.

Frequently Asked Questions about design-taste-frontend

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

FAQPage Schema
How do I enforce strict UI/UX design rules and metrics during frontend development?

To enforce strict UI/UX design rules during frontend development, apply a rule-based skill file to your project folder that dictates architecture, motion intensity, and visual density parameters. This eliminates generic designs by requiring adherence to precise design metrics and bias correction guidelines.

Why does my LLM generate generic UI/UX designs and how can I correct this bias?

To correct LLM biases that generate generic UI/UX designs, implement a skill that enforces strict design parameters and applies creative proactivity. This approach overrides standard LLM outputs by referencing a library of high-end concepts and forbidden patterns to ensure premium interface creation.

What are the best ways to optimize frontend performance and ensure hardware acceleration for modern web dashboards?

Optimizing frontend performance and hardware acceleration for modern web dashboards requires applying specific architectural guardrails and a motion-engine bento paradigm. This enforces optimal performance by evaluating code against strict design rules and technical references before final output.

Can I adjust visual density and motion intensity for high-end SaaS interfaces without breaking architecture conventions?

Yes, you can adjust visual density and motion intensity for high-end SaaS interfaces while maintaining architecture conventions by using three design variance control dials. This allows precise control over design elements without violating established performance guardrails or motion philosophy.

Does frontend UI/UX development require a pre-flight checklist before final code output?

High-end frontend UI/UX development requires a final pre-flight checklist to evaluate code against strict design rules and forbidden patterns before output. This evaluation step ensures the generated interface meets premium technical parameters and avoids common design pitfalls.

What design patterns should I avoid when creating modern SaaS dashboards?

When creating modern SaaS dashboards, avoid patterns explicitly listed in a forbidden patterns library that cause generic, low-performance interfaces. Following a motion-engine bento paradigm and strict architectural guidelines ensures you bypass these common UI/UX design traps.