skills.rest
magicpro97
magicpro97COMMUNITY
Explore all skills by this author →
GitHub

design-taste-frontend-v1

Preserve v1 taste-skill design behavior with adjustable variance, motion, and density.

8|3|Updated Jun 7, 2026
Search Tags:#design#ui#frontend#backward compatibility#taste-skill
One-click install
npx skills add https://github.com/magicpro97/vibeflow --skill design-taste-frontend-v1-magicpro97
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-taste-frontend-v1
Source: https://github.com/magicpro97/vibeflow/tree/main/.agents/skills/taste-skill-v1
Command: npx skills add https://github.com/magicpro97/vibeflow --skill design-taste-frontend-v1-magicpro97

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill ensures backward compatibility for projects relying on the original v1 taste-skill behavior, offering a stable interface for those who require its specific features.

Core Features & Use Cases

  • Backward Compatibility: Preserves the original v1 taste-skill's behavior for projects that require it.
  • Design Variance Control: Allows fine-tuning of design variance, motion intensity, and visual density.
  • Architecture & Conventions: Adheres to strict architectural guidelines for consistency in UI development.

Quick Start

Use the design-taste-frontend-v1 skill to apply the original v1 taste-skill design parameters to your project.

Frequently Asked Questions about design-taste-frontend-v1

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

FAQPage Schema
How do I preserve original frontend UI design settings for backward compatibility?▼

To preserve original frontend UI design settings for backward compatibility, apply the v1 taste-skill parameters to lock design variance, motion intensity, and visual density to their previous states.

What is design variance control in frontend UI development?▼

Design variance control in frontend UI development is the process of fine-tuning visual density and motion intensity settings to achieve a specific aesthetic while adhering to strict architectural guidelines.

How do I apply v1 taste-skill design parameters to my project?▼

Apply v1 taste-skill design parameters by invoking the skill to automatically adapt visual density, motion intensity, and design variance according to your specified project requirements.

Does this UI design skill require specific architectural conventions?▼

Yes, this UI design skill requires strict adherence to specific architectural guidelines and conventions to ensure consistency and maintain the original v1 taste-skill behavior in UI development.

When do I need to use a backward compatible taste-skill for frontend design?▼

You need to use a backward compatible taste-skill for frontend design when your existing projects rely on the original v1 behavior and require a stable interface to prevent visual regressions.

What are the limitations of preserving v1 taste-skill behavior for UI design?▼

Limitations of preserving v1 taste-skill behavior include being locked into original design variance, motion intensity, and visual density constraints, which may restrict adopting newer UI conventions.

Related Skills

Explore More Design & Creative Skills→
a-chahala-chahal
4

openshop-frontend-skill

Generate React/Next.js UI components with Tailwind CSS v4 and Framer Motion.

Community
Advanced
ZawHlaingPhyoTsukiZawHlaingPhyoTsuki

web-design-guidelines

Audit frontend UI files for Web Interface Guidelines violations.

Community
Intermediate
luanrodriguesluanrodrigues
2

bee:dev-frontend-visual-react-native

Generate Jest snapshot tests for React Native components across iOS and Android.

Community
Advanced
JohnRobert-OlanoJohnRobert-Olano

design-taste-frontend-v1

Configure design parameters like variance, motion intensity, and visual density for React or Next.js projects.

Community
Intermediate