skills.rest
MissTully
MissTullyCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-consultation

Generate DESIGN.md with typography, color palettes, layout rules, and motion guidelines.

Updated Apr 24, 2026
Search Tags:#typography#branding#layout#design-system#design-docs#color-palette
One-click install
npx skills add https://github.com/MissTully/Gstack --skill design-consultation-misstully
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/MissTully/Gstack/tree/main/design-consultation
Command: npx skills add https://github.com/MissTully/Gstack --skill design-consultation-misstully

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design consultation helps teams understand their product and landscape, then propose a complete design system (aesthetic, typography, color, layout, spacing, motion) and generate DESIGN.md as the project's design source of truth. For existing sites, use plan-design-review to infer the system.

Core Features & Use Cases

  • Proposes a complete design system spanning visual language, typography, color palettes, layout, spacing, and motion.
  • Generates font+color preview pages and a DESIGN.md you can reference as the single source of truth.
  • Proactively guides new UI initiatives when no design system or DESIGN.md exists, ensuring a solid foundation.

Quick Start

Provide a project brief and I will generate DESIGN.md with your design system.

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 UI initiative?▼

To create a design system for a new UI initiative, you can provide a project brief to generate a DESIGN.md file detailing typography, color palettes, layout, spacing, and motion guidelines as your single source of truth.

What is a DESIGN.md file and how does it help with branding refreshes?▼

A DESIGN.md file serves as a project's design source of truth, detailing visual language, color palettes, and typography rules to ensure consistency during branding refreshes or site revamps.

Can I generate typography and color palette guidelines for an existing site?▼

For existing sites, you can infer the current design system by using plan-design-review, while new UI initiatives generate fresh typography, color palettes, and layout rules in a DESIGN.md file.

Does design system generation include layout and motion guidelines?▼

Design system generation includes comprehensive layout, spacing, and motion guidelines alongside visual language, typography, and color palettes to establish a solid foundation for your product.

What do I need to start building a scalable design system?▼

To start building a scalable design system, you need to provide a project brief, which is then used to propose a complete aesthetic and functional framework outputted as a DESIGN.md file.

When should I use an automated design consultation instead of manual rules?▼

You should use design consultation when no design system or DESIGN.md exists, ensuring a solid foundation by proactively guiding new UI initiatives with generated typography, color, and layout rules.

Related Skills

Explore More Design & Creative Skills→
rkumar261rkumar261
1

design-consultation

Generates a complete system design document with layout, color, and typography specifications.

Community
Advanced
omanjayaomanjaya

frontend-design

Provide typography, color, spacing, and motion guidelines for web UI design.

Community
Intermediate
westnwestn
1

design-consultation

Define a complete design system and generate DESIGN.md.

Community
Advanced
thc1006thc1006
20

visual-design-foundations

Define design systems for typography, color, spacing, and iconography.

Community
Advanced