design-consultation

Generate a complete design system and DESIGN.md for projects.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill acts as a design consultant to understand your product and generate a complete design system, including typography, color, layout, spacing, and motion, and to produce a DESIGN.md that serves as your design source of truth.

Core Features & Use Cases

  • Proposes a coherent design system aligned with your product goals, creating DESIGN.md that documents visual language, components, and usage guidelines.
  • Researches landscape and best practices to propose typography scale, color palette, spacing system, and motion rules suitable for web, mobile, and marketing assets.
  • Use cases include starting a new project with no existing design system, refreshing a legacy site, or adding a design system to an evolving product portfolio.

Quick Start

Generate a complete design system and DESIGN.md for your project.

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 for a new web project?

To create a design system for a new web project, you need to define typography, color, layout, spacing, and motion rules. This skill generates a complete design system and a DESIGN.md file that serves as a single source of truth for visual language and components.

What should be included in a DESIGN.md file for product branding?

A DESIGN.md file for product branding should include visual language decisions, typography scales, color palettes, spacing systems, and motion rules. It serves as a design source of truth documenting guidelines, components, and integration plans across web and mobile contexts.

Can I use this to refresh an existing product's visual language across mobile and web?

Yes, you can refresh an existing product's visual language across mobile and web. The skill researches landscape best practices to propose an updated typography scale, color palette, spacing system, and motion rules suitable for evolving product portfolios and legacy site refreshes.

How do I establish a typography scale and color palette for marketing assets?

Establishing a typography scale and color palette for marketing assets requires researching best practices and aligning decisions with product goals. This skill proposes a coherent visual language covering aesthetic, typography, color, layout, spacing, and motion specifically tailored for marketing contexts.

What is the best way to document design system guidelines and component usage?

The best way to document design system guidelines and component usage is generating a DESIGN.md file. This single source of truth outlines visual language decisions, component usage guidelines, and integration plans, ensuring teams maintain consistency across web, mobile, and marketing assets.