skills.rest
vnmoorthy
vnmoorthyCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Generate DESIGN.md with typography, color, layout, and motion guidelines.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design consultation helps teams quickly define and implement cohesive design systems that align branding, typography, color, and layout across products.

Core Features & Use Cases

  • Proposes a full design system including aesthetic, typography, color, spacing, and motion guidelines.
  • Generates a DESIGN.md that serves as the project's source of truth and design reference.
  • Assists with existing sites via plan-design-review to infer and adapt the system to current implementations.

Quick Start

Provide your product goals and branding assets to generate 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 complete design system for a new project?▼

A design system standardizes typography, color palettes, layout rules, and motion guidelines to align branding across products. It is needed when you want a cohesive visual language and a single source of truth for your project's UI.

What's the best way to generate brand guidelines from existing product context?▼

The best way to generate brand guidelines is by providing your product goals and branding assets to produce a DESIGN.md file. This file acts as your project's source of truth and central design reference.

How do I write a DESIGN.md file with typography and color palettes?▼

You can generate a DESIGN.md by providing your product goals and branding assets. This produces a complete design reference containing typography, color palettes, layout rules, motion guidelines, and an implementation plan.

Can I refine an existing design system for a site that is already live?▼

Yes, you can refine an existing design system by applying a plan-design-review workflow to your live site. This process adapts the proposed typography, color palettes, and layout rules to your current implementations.

What do I need to start defining UX design and layout rules for my product?▼

To start defining UX design and layout rules, you need to provide your product goals and branding assets. This input generates a DESIGN.md containing your complete layout rules, typography, and motion guidelines.

Why does my branding look inconsistent across different product layouts?▼

Your branding looks inconsistent because it lacks a unified design system with standard typography, color palettes, and layout rules. Generating a DESIGN.md establishes these rules to ensure cohesive branding across all product surfaces.

Related Skills

Explore More Design & Creative Skills→
luanzebaluanzeba

teach-impeccable

Gather project design context and generate a CLAUDE.md Design Context document.

Community
Intermediate
derek2035derek2035

ui-design

Generate a UI design specification with typography, color, spacing, and layout patterns.

Community
Advanced
limzivectorlimzivector

design-consultation

Generate a complete design system proposal and write a DESIGN.md document.

Community
Advanced
guideopsguideops

minimal

Implement a minimalist design system with color palettes, typography scales, and spacing scales.

Community
Basic