design-consultation

Generate a DESIGN.md design system covering typography, color, spacing, layout, and motion.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps product teams generate a cohesive design system and a single source of truth (DESIGN.md) from project context, research, and established best practices.

Core Features & Use Cases

  • Proposes a complete design system including typography, color, spacing, motion, and layout.
  • Generates a DESIGN.md that documents decisions and serves as the design system source of truth.
  • Guides teams starting from scratch or wishing to refresh an existing product's design language.

Quick Start

Tell me your project name and goals, and I will generate a complete DESIGN.md with your design system proposal.

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 scratch for a web app?

Generate a complete design system by providing your project name and goals, which produces a DESIGN.md document. This serves as a single source of truth for typography, color, spacing, layout, and motion guidance across web apps and marketing sites.

What is a DESIGN.md file and how does it help with UI layout decisions?

A DESIGN.md file is a single source of truth that documents your product's design system decisions. It provides cohesive guidance on UI layout, typography, color, spacing, and motion, ensuring consistent implementation across varying project scopes and maturity levels.

Can I use this to refresh an existing product's design language and color palette?

Yes, you can refresh an existing product's design language by generating an updated design system proposal. It evaluates your current context to provide a refreshed, cohesive color palette, typography, and motion guidance documented in a new DESIGN.md file.

Does this design system generation work for both marketing sites and internal tools?

Yes, design system generation works for marketing sites, web apps, dashboards, and internal tools. It handles projects of varying scopes and maturity levels, delivering tailored typography, color, spacing, layout, and motion guidance for each specific context.

What's the best way to document spacing and motion guidance for a dashboard?

The best way to document spacing and motion guidance is to generate a DESIGN.md file. By inputting your dashboard project context and goals, you receive a comprehensive design system document with practical implementation recommendations for spacing and motion.