design-consultation

Generate a complete design system with DESIGN.md as the source of truth.

1|3|Updated Mar 19, 2026

Search Tags:#typography #branding #layout #design-system #color-palette #ui-architecture #design-consultation

Ready to run

npx skills add https://github.com/ekrishgupta/gemstack --skill design-consultation-ekrishgupta

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/ekrishgupta/gemstack/tree/main/design-consultation
Command: npx skills add https://github.com/ekrishgupta/gemstack --skill design-consultation-ekrishgupta

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams often struggle to define a coherent and scalable design system from scratch, leading to inconsistent UI, scattered assets, and slower product delivery.

Core Features & Use Cases

System generation: Defines typography, color, spacing, motion, and UI primitives into a single DESIGN.md that acts as the source of truth.
Context-driven briefs: Builds product context from user input and aligns the design language to target audiences and domains.
Documentation and previews: Produces a visual preview page and a complete design documentation artifact for onboarding and governance.

Quick Start

Describe your product and ask the AI to deliver a complete 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 complete design system for a new UI project?▼

You can create a design system by inputting your product context to define typography, color, spacing, and motion, which generates a single DESIGN.md source of truth document.

What is a DESIGN.md file and how does it help with UI architecture?▼

A DESIGN.md file acts as the source of truth for UI architecture, documenting typography, color palettes, spacing, and motion guidelines to prevent inconsistent interfaces and scattered assets.

Can I generate a visual preview page when redesigning an existing site?▼

Yes, you can generate a visual preview page alongside your design documentation when redesigning an existing site or starting a new UI project to validate aesthetics and layout before implementation.

Do I need an existing brand guidelines document to generate a color palette and typography scale?▼

No, you do not need an existing brand document; the system builds product context from your input and aligns the color palette and typography scale to your target audiences and domains.

What is the best way to document UI primitives and spacing rules for a development team?▼

The best way to document UI primitives and spacing rules is to generate a comprehensive design documentation artifact that serves as a governance and onboarding reference for your development team.

Why does my UI project have inconsistent spacing and scattered design assets?▼

UI projects have inconsistent spacing and scattered assets when they lack a coherent, scalable design system, a problem solved by consolidating typography, layout, and color into a single source of truth.