skills.rest
VertaKhan
VertaKhanCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Generate a DESIGN.md specifying typography, color, layout, spacing, and motion for a project's design system.

Updated Apr 5, 2026
Search Tags:#typography#branding#design-system#color-palette#ux-guidelines#design-consultation
One-click install
npx skills add https://github.com/VertaKhan/cs_gstack --skill design-consultation-vertakhan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/VertaKhan/cs_gstack/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/VertaKhan/cs_gstack --skill design-consultation-vertakhan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Design Consultation skill helps teams understand their product, research the landscape, and propose a complete design system covering aesthetics, typography, color, layout, spacing, and motion, then outputs a DESIGN.md as the project’s single source of truth.

Core Features & Use Cases

  • Research-driven design system: analyzes product context and competitive landscape to inform typography, color theory, component structure, and motion guidelines.
  • DESIGN.md generation: outputs a canonical design spec that can be used by product and engineering teams to align on visuals and interactions.
  • Proactive planning: suggests design-system scaffolding for new projects or for updating inconsistent sites and brand guidelines.

Quick Start

Ask me to generate a complete DESIGN.md for your project and start implementing 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 complete design system for a new UI?▼

A complete design system codifies typography, color palettes, layout, spacing, and motion guidelines into a canonical DESIGN.md file. This serves as the single source of truth for product and engineering teams to align on visuals and interactions.

What is the best way to align inconsistent brand guidelines across multiple product surfaces?▼

Aligning inconsistent brand guidelines across multiple sites requires generating a canonical DESIGN.md spec. This document establishes unified typography, color, layout, and motion guidelines to align multiple product surfaces and engineering teams.

How do I generate a design specification document for engineering and product teams?▼

Generating a design specification document involves codifying landscape research, typography, and color decisions into a DESIGN.md file. This artifact serves as the project's design source of truth to align engineering and product teams on visuals.

Can I use a design consultation approach to update an existing brand refresh?▼

Yes, you can use a design consultation approach for a brand refresh by analyzing your current product context and proposing an updated design system. It generates a new DESIGN.md to realign visuals, typography, and color palettes across your sites.

Do I need landscape research before establishing typography and color palettes?▼

Yes, landscape research is required before establishing typography and color palettes to ensure the design system is competitive. It informs the aesthetic decisions, component structure, and UX guidelines that make up the final design specification.

Related Skills

Explore More Design & Creative Skills→
EhsaanArkEhsaanArk

design-consultation

Generate a complete design-system proposal with DESIGN.md and preview page.

Community
Advanced
anonymouswhite07anonymouswhite07

stitch-design-taste

Generate DESIGN.md specifications for Google Stitch from design taste rules.

Community
Advanced
yckkkkyckkkk
1

design-consultation

Plan and codify a complete design system into a DESIGN.md source of truth.

Community
Advanced
hramadhaanhramadhaan

impeccable

Design and iterate frontend interfaces with audits and responsive adjustments.

Community
Advanced