design-consultation

Create a design system and DESIGN.md from product goals and landscape research.

Updated Apr 16, 2026

Search Tags:#typography #design #branding #color #ux #design-system

Ready to run

npx skills add https://github.com/vib795/copilot-anatomy --skill design-consultation-vib795

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designing cohesive design systems is hard and time-consuming. This Skill helps teams create a complete design system and the DESIGN.md that serves as a single source of truth, aligning typography, color, layout, spacing, and motion with product goals.

Core Features & Use Cases

Proposes a complete design system covering typography, color, spacing, layout, motion, and a design preview workflow.
Generates a DESIGN.md that acts as the project’s design source of truth for onboarding and implementation.
Use Case: starting a new project with no existing design system to establish a brand-aligned visual language quickly.

Quick Start

Create a complete design system and DESIGN.md from your product goals and landscape research.

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 from product goals?▼

To create a complete design system from product goals, input your objectives and landscape research to generate a DESIGN.md covering typography, color, layout, spacing, and motion as a ready-to-use source of truth.

What is a DESIGN.md and how does it work for design systems?▼

A DESIGN.md is a generated document that serves as the single source of truth for your design system, aligning typography, color, layout, spacing, and motion with your product goals for onboarding and implementation.

Can I apply a design system to an existing website?▼

Yes, you can apply a generated design system to existing sites to propose actionable aesthetics, typography, color, layout, spacing, and motion guidance for implementation.

What's the best way to establish a brand-aligned visual language for a new project?▼

The best way to establish a brand-aligned visual language for a new project is generating a complete design system and DESIGN.md from your product goals and landscape research.

Does this design system generation approach include font and color previews?▼

Yes, the design system generation includes actionable design guidance for implementation plus dedicated font and color preview pages to visualize the proposed typography and aesthetics.