design-consultation

Generate a complete design system and DESIGN.md from a product brief.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design consultation helps teams capture product intent, research landscape, and translate needs into a cohesive design system that guides typography, color, layout, spacing, and motion across platforms.

Core Features & Use Cases

  • Proposes a complete design system including typography, color palette, spacing, and motion guidelines.
  • Generates a DESIGN.md as the source of truth for the project's UI language and design resources.
  • Applies to new product design or updates to an existing DESIGN.md to align across teams.

Quick Start

Propose a complete design system from the product brief and generate DESIGN.md as the project's design source of truth.

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 design system from a product brief?

To create a design system from a product brief, you translate product intent into a cohesive set of guidelines for typography, color, layout, spacing, and motion. This generates a DESIGN.md file serving as the project's UI source of truth.

What is a DESIGN.md file used for in UI design?

A DESIGN.md file acts as the source of truth for a project's UI language and design resources. It captures concrete guidelines and tokens to align visual design across teams and platforms.

Can I update existing typography and color guidelines across platforms?

Yes, you can update existing typography, color, spacing, and motion guidelines across platforms. The process aligns an existing DESIGN.md file to ensure UI consistency across teams.

How do I generate design tokens for a new product?

You generate design tokens by proposing a complete design system from your product brief. This translates visual design needs into concrete guidelines and a plan to implement the system in real products.

Does this design consultation work for both new and existing products?

Yes, design consultation applies to both new product UI work and updates to an existing design system. It aligns typography, color, spacing, and motion guidelines across platforms.

What do I need to provide to generate a complete visual design system?

You need to provide a product brief capturing your product intent and research landscape. This input is translated into a cohesive design system with typography, color, spacing, and motion guidelines.