skills.rest
hetsheth-droid
hetsheth-droidCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Plan and generate a complete design system with a DESIGN.md source of truth.

Updated Mar 31, 2026
Search Tags:#typography#design#ui#color#design-system#design-review#design-consultation
One-click install
npx skills add https://github.com/hetsheth-droid/toolbox-template --skill design-consultation-hetsheth-droid
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/hetsheth-droid/toolbox-template/tree/main/incubating/gstack/design-consultation
Command: npx skills add https://github.com/hetsheth-droid/toolbox-template --skill design-consultation-hetsheth-droid

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This design process helps teams create a complete, cohesive design system and a single source of truth (DESIGN.md) when starting a new product or redesigning an existing site.

Core Features & Use Cases

  • Proposes a full design system covering typography, color palettes, layout, spacing, and motion.
  • Generates font+color preview pages to communicate the system visually.
  • Creates DESIGN.md as the design source of truth for design and development handoff, with guidance for implementation.

Quick Start

Start a design-consultation for your project to create a full design system and a DESIGN.md.

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 cohesive design system for a new UI project?▼

To create a cohesive design system for a new UI project, plan and generate typography, color palettes, layout, spacing, and motion guidelines, then produce a DESIGN.md file as the single source of truth for your team.

What is the best way to document design guidelines for developer handoff?▼

The best way to document design guidelines for developer handoff is to generate a DESIGN.md file that includes your complete design system, font and color previews, and implementation instructions as a central source of truth.

Can I update an existing site's design direction without rebuilding the whole UI?▼

You can update an existing site's design direction by applying a new design system proposal that covers brand guidelines, typography, and color, providing proactive design polish suggestions without a full UI rebuild.

What should a complete design system include for a web application?▼

A complete design system for a web application should include typography rules, color palettes, layout structures, spacing scales, motion guidelines, and a generated DESIGN.md file with artifacts for team reference.

How do I generate font and color previews for a new design system?▼

You can generate font and color previews for a new design system by running a design consultation that proposes the visual guidelines and exports preview pages to communicate the system visually to your team.

When do I need a formal design consultation for my product?▼

You need a formal design consultation when starting a new product with no existing design system or when an existing site requires an updated design direction, brand guidelines, and cohesive design polish.

Related Skills

Explore More Design & Creative Skills→
omanjayaomanjaya

frontend-design

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

Community
Intermediate
anonymouswhite07anonymouswhite07

stitch-design-taste

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

Community
Advanced
ketzal88ketzal88

design-md

Extract screen design data from Stitch MCP projects into a semantic DESIGN.md.

Community
Advanced
shhubbhshhubbh
1

design-consultation

Generate a DESIGN.md documenting typography, color palettes, layout, spacing, and motion guidelines.

Community
Advanced