design-mastery

Select design patterns based on business type and audience.

Updated Mar 3, 2026
One-click install
npx skills add https://github.com/nopkhun/KO-STOCK-SYSTEM --skill design-mastery-nopkhun
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-mastery
Source: https://github.com/nopkhun/KO-STOCK-SYSTEM/tree/main/.gemini/skills/design-mastery
Command: npx skills add https://github.com/nopkhun/KO-STOCK-SYSTEM --skill design-mastery-nopkhun

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill tackles the challenge of AI-generated designs looking generic and unnatural, ensuring UIs are professional, unique, and indistinguishable from human-crafted designs.

Core Features & Use Cases

  • Contextual Design: Automatically selects appropriate design patterns based on business type and audience.
  • Anti-AI Detection: Actively identifies and eliminates common AI design tells.
  • Extensible Registry: Supports adding new business types and design profiles.
  • Use Case: When creating a new SaaS dashboard, this Skill will apply a professional, trustworthy design profile, avoiding common AI pitfalls like purple-blue gradients and ensuring a consistent, high-quality user experience.

Quick Start

Use the design-mastery skill to generate a design profile for a new e-commerce website.

Frequently Asked Questions about design-mastery

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

FAQPage Schema
How do I stop AI-generated UI designs from looking generic and unnatural?

To stop AI-generated UI designs from looking generic, use an AI design system that applies contextual patterns based on business type and actively identifies common AI design tells to eliminate them.

Why does my AI design output use generic purple-blue gradients for SaaS dashboards?

AI design outputs frequently use generic gradients due to a lack of contextual awareness, requiring a design system with an anti-AI detection feature to actively identify and eliminate these common visual tells.

How do I apply industry-specific design tokens for an e-commerce website?

You apply industry-specific design tokens by using an extensible business type registry that automatically selects appropriate design patterns based on the e-commerce audience and context to ensure a consistent user experience.

Can I add custom business types to a design system registry?

Yes, you can add custom business types to the design system registry, extending the existing profiles for industries like SaaS, Finance, and Healthcare to generate tailored, production-ready design decisions.

What is the best way to ensure a consistent UI component library across different industries?

The best way to ensure a consistent UI component library is to use an extensible design system that automatically selects appropriate design patterns and tokens based on specific business context and audience.

When do I need a contextual design system for my AI design workflow?

You need a contextual design system when creating production-ready UIs for specific industries like Healthcare or Finance, ensuring the AI-generated output is indistinguishable from human-crafted designs.