design-consultation

Propose aesthetic directions, typography, color palettes, layouts, and motion approaches for new projects.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill simplifies the process of designing a complete system for your project, including aesthetics, typography, color, layout, and motion, resulting in a coherent design foundation.

Core Features & Use Cases

  • Design Consultation: Understands your product and proposes a design system.
  • Generates Preview Pages: Produces font+color preview pages.
  • DESIGN.md Creation: Generates DESIGN.md as your project's design source of truth.
  • Use Case: Start a new project without an existing design system. Generate a complete design system based on your project's requirements.

Quick Start

Start the design-consultation skill by initializing it with ./design-consultation.

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 project from scratch?

A design system for a new project proposes aesthetic directions, typography, color palettes, layouts, and motion approaches. This establishes a cohesive and scalable design language foundation for projects lacking existing design constraints.

What is included in a comprehensive design system?

A comprehensive design system includes typography, color palettes, layout structures, and motion approaches. It generates font and color preview pages alongside a central design source of truth file for your project.

How do I generate a color palette and typography preview for my website?

Generating a color palette and typography preview requires running a design consultation. It produces visual preview pages demonstrating how proposed fonts and colors interact within your project's generated design system.

When do I need a formal design system for my application?

A formal design system is needed when starting a new project without an existing design language. It simplifies defining cohesive aesthetics, typography, color, layout, and motion to ensure a scalable design foundation.

Can I establish a design source of truth for my project without prior design experience?

Establishing a design source of truth without prior experience involves initiating a design consultation. It automatically generates a comprehensive design file defining your project's typography, layout, and color palette requirements.

What are the limitations of automatically generating a design system?

Automatically generating a design system is limited to proposing aesthetic directions, typography, color palettes, layouts, and motion approaches. It primarily targets new projects lacking an existing design system rather than updating established legacy interfaces.