design-system-interview

Interview nine design dimensions and generate a DESIGN-SYSTEM.md specification.

3|3|Updated Jun 5, 2026
One-click install
npx skills add https://github.com/KyaniteLabs/tastecheck --skill design-system-interview
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-system-interview
Source: https://github.com/KyaniteLabs/tastecheck/tree/main/skills/design-system-interview
Command: npx skills add https://github.com/KyaniteLabs/tastecheck --skill design-system-interview

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill eliminates the ambiguity and generic design choices that often plague AI-generated frontend work by forcing a structured, evidence-based decision process before any code is written.

Core Features & Use Cases

  • Structured Interview Loop: Guides users through nine essential design dimensions, from typography and color to structure and rhythm, ensuring no critical design choice is left to chance.
  • Artifact Generation: Automatically produces a comprehensive DESIGN-SYSTEM.md file that serves as a single source of truth for all downstream implementation.
  • Anti-Slop Guardrails: Prevents generic UI by rejecting vague adjectives and forcing concrete, reference-backed decisions that define the product's unique visual identity.

Quick Start

Run the design-system-interview skill to audit the current project brief and begin the nine-dimension decision process.

Frequently Asked Questions about design-system-interview

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

FAQPage Schema
How do I turn a vague product brief into a concrete design system for frontend development?

A structured design-system interview resolves vague product briefs by guiding decisions across nine dimensions like typography, color, and structure. This produces a build-ready DESIGN-SYSTEM.md artifact with explicit assumptions before frontend implementation begins.

What is the best way to prevent generic UI in AI-generated frontend projects?

To prevent generic UI in frontend projects, apply anti-slop guardrails that reject vague adjectives and force concrete, reference-backed decisions. This establishes a cohesive aesthetic and structural foundation defining a unique visual identity.

How do I audit my current project brief to start building a design system?

You audit a project brief by running a structured design-system interview that evaluates visual direction across nine essential design dimensions. This process ensures no critical design choice is left to chance and generates build-ready specifications.

Does this design system interview process work for both new interface builds and redesigns?

Yes, the design-system interview process applies to new interface builds, redesigns, and vague product briefs. It resolves visual direction and generates build-ready specifications for any frontend project requiring a cohesive aesthetic foundation.

What design dimensions are covered during a structured design system interview?

The interview covers nine essential design dimensions, including typography, color, structure, and rhythm. This structured loop forces an evidence-based decision process to define the product's unique visual identity before writing code.

Why do I need a decision-complete design-system artifact before frontend implementation begins?

A decision-complete design-system artifact eliminates ambiguity by providing a single source of truth for all downstream implementation. It ensures explicit assumptions and a defined readiness state exist before any frontend code is written.