design-consultation

Create a design system and generate a DESIGN.md document.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creates a complete, cohesive design system (typography, color, layout, spacing, and motion) and generates DESIGN.md to serve as the design source of truth for your project, whether starting from scratch or refining an existing product.

Core Features & Use Cases

  • Proposes a full design system including typography, color palettes, spacing, motion, and layout rules.
  • Generates DESIGN.md as a living source of truth and design reference for teams, with guidance for brand guidelines and UI consistency.
  • Use cases include starting a new UI with no design system or inferring a system from an existing site.

Quick Start

Ask me to design a complete design system and generate 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 product from scratch?

To create a design system from scratch, you define typography, color palettes, spacing, layout, and motion rules, then generate a DESIGN.md document as a living source of truth for UI consistency and team handoff.

Can I infer a design system from an existing website?

Yes, you can infer a design system from an existing site by analyzing its UI patterns and extracting brand guidelines, typography, and color palettes into a comprehensive design reference document.

What should a DESIGN.md document include for developer handoff?

A DESIGN.md document for handoff should include brand guidelines, UI rules, typography scales, color palettes, spacing systems, layout rules, and motion guidelines to serve as a complete design reference.

How do I maintain UI consistency when scaling a product's design?

To maintain UI consistency when scaling, you establish a cohesive design system with standardized typography, color palettes, and spacing rules, documented in a living design reference that governs all interface updates.

What's the best way to document brand guidelines and UI rules for a team?

The best way to document brand guidelines and UI rules is to generate a DESIGN.md file that codifies typography, color, layout, spacing, and motion into a single source of truth for design handoff.

When do I need a living document for my design system?

You need a living document for your design system when starting a new UI with no existing rules or when refining an existing product, ensuring your design reference stays current as your product scales.