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.