design-consultation

Document a full design system with typography, color, layout, spacing, and motion into DESIGN.md.

Updated Aug 23, 2026

Search Tags:#typography #design #layout #color #ux #design-system #motion

One-click install

npx skills add https://github.com/caraseli02/MoldovaDirect --skill design-consultation-caraseli02

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/caraseli02/MoldovaDirect/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/caraseli02/MoldovaDirect --skill design-consultation-caraseli02

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Cohesive and scalable design decisions are often scattered across teams, leading to inconsistent UI and duplicated effort. This skill consolidates aesthetic, typography, color, layout, spacing, and motion into a single DESIGN.md, acting as the authoritative source of truth for your product's design language.

Core Features & Use Cases

Create a complete DESIGN.md that documents the design system and serves as the source of truth for future UI work.
Propose a cohesive design language (typography, color, layout, spacing, motion) tailored to the product, brand, and accessibility requirements.
Generate practical guidance for implementation, governance, and cross-team design consistency, across web apps, dashboards, and marketing sites.
Use Case: A new product team needs a scalable system to ensure consistent UI across modules and teammate deliverables.

Quick Start

Provide your product context and I will generate a complete DESIGN.md with a full design system including typography, color, spacing, layout, and motion.

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?▼

Yes, you can apply a design system to existing sites by analyzing current brand goals and constraints to deliver a coherent system with actionable guidance for cross-team consistency.

What is a DESIGN.md document for design systems?▼

This design documentation process outputs a DESIGN.md that satisfies typography choices, color contrast, accessibility requirements, documentation structure, and governance needs tailored to your brand.

Does this design system generation handle accessibility and color contrast?▼

Yes, the generated design system satisfies accessibility requirements and color contrast standards, ensuring the proposed typography and color choices are compliant for web apps and marketing sites.

What do I need to provide to generate a complete design system?▼

You need to provide product context, constraints, and brand goals, and the system will generate the complete design documentation including typography, color, spacing, and motion guidance.