skills.rest
vib795
vib795COMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/vib795/copilot-anatomy --skill design-consultation-vib795
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
AlexandreLabAlexandreLab

gstack-office-hours

Gather project goals and context for YC-style startup discussions.

Community
Advanced
himanshu231204himanshu231204
2

design-system

Generate design systems and audit visual consistency across web UIs.

Community
Intermediate
izzoaizzoa
22

ss-review

Review React UI code for design-system, accessibility, and best-practice violations.

Community
Intermediate
heximaoheximao

design

Generate HTML design artifacts and DESIGN.md design-system specifications.

Community
Advanced