design-consultation

Generate a complete design system with a DESIGN.md file and preview assets.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

New products often lack consistent design systems, leading to disjointed user experiences, wasted time on ad-hoc design decisions, and no single source of truth for visual standards across teams.

Core Features & Use Cases

  • Landscape Research: Analyzes your product and market to inform design choices that fit your brand and target users.
  • Full Design System Proposal: Delivers a complete specification covering aesthetic direction, typography, color palettes, layout rules, spacing scales, and motion guidelines.
  • Source of Truth Generation: Creates a DESIGN.md file for your project, plus font and color preview assets to validate the system.
  • Use Case: If you are launching a new SaaS tool with no existing brand guidelines, this skill gives you a ready-to-use, consistent design system instead of picking random styles per screen.

Quick Start

Ask the design-consultation skill to create a complete design system and DESIGN.md for your new product.

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 product launch?

To create a complete design system for a new product, specify your product context and target users. The skill analyzes your market landscape and generates a full specification covering typography, color palettes, layout, spacing, and motion guidelines.

What is a DESIGN.md file and how does it establish brand guidelines?

A DESIGN.md file is a single source of truth for visual design standards across product teams. It establishes brand guidelines by documenting aesthetic direction, typography, color palettes, and layout rules to eliminate inconsistent ad-hoc UI/UX decisions.

How do I generate a color palette and typography scale for UI/UX design?

You generate a color palette and typography scale by requesting a design system proposal based on your product landscape. The skill outputs a complete specification along with font and color preview assets to validate the visual standards.

Can I use this to build consistent brand guidelines for a SaaS tool with no existing design?

Yes, you can use this to build consistent brand guidelines for a SaaS tool with no existing design. It delivers a ready-to-use design system with typography, layout rules, and motion guidelines instead of relying on picking random styles per screen.

Why do new products need a full design specification instead of ad-hoc UI decisions?

New products need a full design specification because ad-hoc UI decisions lead to disjointed user experiences and wasted time. A coherent design system ensures consistent visual standards and provides a central reference for all product teams.

Does the generated design system include motion guidelines and spacing scales?

Yes, the generated design system includes motion guidelines and spacing scales. The full specification covers aesthetic direction, typography, color palettes, layout rules, spacing scales, and motion guidelines to ensure complete UI/UX consistency.