skills.rest
shhubbh
shhubbhCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

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

1|Updated Mar 28, 2026
Search Tags:#typography#design#ui#color#design-system#design-review
One-click install
npx skills add https://github.com/shhubbh/flowstate --skill design-consultation-shhubbh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/shhubbh/flowstate/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/shhubbh/flowstate --skill design-consultation-shhubbh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams often lack a single, coherent source of truth for product visuals, leading to inconsistent interfaces and repeated design work.

Core Features & Use Cases

  • Propose a complete design system including typography, color, layout, spacing, and motion
  • Generate a DESIGN.md as the project's design source of truth that teams can reference and update
  • Plan design reviews and documentation for existing sites to infer or extend the system

Quick Start

Describe your product goals and I will generate a complete design system and 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 complete design system for a new product?▼

To create a design system, define product goals to generate typography, color palettes, layout, spacing, and motion guidelines. This process outputs a DESIGN.md file serving as a single source of truth for product visuals and UI conventions.

What is a DESIGN.md file used for in UI design?▼

A DESIGN.md file documents design tokens, typography, color palettes, and UI conventions, acting as a project's design source of truth. It ensures interface consistency and prevents repeated design work across development teams.

Can I generate design tokens and color palettes for an existing website?▼

Yes, you can generate design tokens and color palettes for an existing site. The tool infers and extends your current visual conventions into a structured DESIGN.md, planning design reviews and documenting the established system.

What's the best way to document typography and spacing guidelines for a development team?▼

The best way to document typography and spacing guidelines is generating a cohesive DESIGN.md. It establishes a single source of truth for design tokens and UI conventions, ensuring developers reference consistent visual standards.

Do I need an existing design system to generate layout and motion guidelines?▼

No, you do not need an existing design system. The tool works for new projects with no prior documentation, generating complete layout and motion guidelines from described product goals to establish a foundational design system.

Related Skills

Explore More Design & Creative Skills→
rkumar261rkumar261
1

design-consultation

Generates a complete system design document with layout, color, and typography specifications.

Community
Advanced
RenyEnnosRenyEnnos
1

design-md

Generate DESIGN.md design-system documentation from Stitch project assets.

Community
Advanced
1479089714790897
7

kwp-design-design-system

Audit component libraries for naming inconsistencies and missing documentation.

Community
Intermediate
Equat-ionEquat-ion

neobrutalism

Generate Neobrutalism design tokens for typography, color, and spacing.

Community
Intermediate