design-consultation

Create a cohesive design system and output DESIGN.md.

Updated Mar 30, 2026
One-click install
npx skills add https://github.com/ligianehua/Gstack --skill design-consultation-ligianehua
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/ligianehua/Gstack/tree/main/design-consultation
Command: npx skills add https://github.com/ligianehua/Gstack --skill design-consultation-ligianehua

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams struggle to align visuals and interactions across products; this skill proposes a complete, cohesive design system and outputs a DESIGN.md to serve as the single source of truth.

Core Features & Use Cases

  • Coherent system covering typography, color, spacing, and motion.
  • DESIGN.md as the source of truth for design language and implementation guidance.
  • Proactive design guidance for both new projects and existing sites.

Quick Start

Tell me about your product goals and current design gaps, and I will propose a complete design system and generate DESIGN.md.

Frequently Asked Questions about design-consultation

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

FAQPage Schema
How do I create a complete design system for my product from scratch?

To create a complete design system, provide your product context, design brief, and acceptance criteria. The system generates a DESIGN.md file containing tailored typography, color tokens, spacing, and motion guidelines as a single source of truth.

What is a DESIGN.md file and how does it work as a source of truth for design guidelines?

A DESIGN.md file serves as the single source of truth for your product's design language. It consolidates typography, color tokens, spacing, and motion guidelines into one implementation-ready document to align design and development teams.

Can I generate design tokens for an existing website or only for new projects?

You can generate design tokens for both new projects and existing sites. Provide your current product context and design gaps, and the system will tailor typography, color tokens, spacing, and motion guidelines to fit your existing interface.

How do I define color tokens and typography scales that align with my brand guidelines?

To define color tokens and typography scales that align with brand guidelines, submit a design brief with your product goals. The system researches competitive patterns or uses internal knowledge to output tailored tokens in a DESIGN.md file.

What do I need to prepare before generating a cohesive design system?

Before generating a design system, you must prepare a design brief, product context, and acceptance criteria. These inputs allow the system to tailor typography, color, spacing, and motion guidelines specifically for your users.

When should I not use an automated design system generator for my product?

You should not use an automated design system generator if you cannot provide a design brief, product context, and acceptance criteria. Without these required inputs, the system cannot tailor typography, color tokens, spacing, and motion guidelines effectively.