skills.rest
anilveersingh1308
anilveersingh1308COMMUNITY
Explore all skills by this author →
GitHub

gstack-design-consultation

Create a product design system and write it to DESIGN.md.

Updated May 19, 2026
Search Tags:#design system#color palette#brand guidelines#design documentation#ui typography#layout spacing#preview pages
One-click install
npx skills add https://github.com/anilveersingh1308/copilot-skills --skill gstack-design-consultation-anilveersingh1308
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gstack-design-consultation
Source: https://github.com/anilveersingh1308/copilot-skills/tree/main/.github/skills/gstack-design-consultation
Command: npx skills add https://github.com/anilveersingh1308/copilot-skills --skill gstack-design-consultation-anilveersingh1308

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you go from “we need a design system” to a real, usable system that keeps UI consistent across pages and components, even when you start with no existing brand documentation.

Core Features & Use Cases

  • Product-aware design system planning: Understands your product’s purpose, audience, and constraints, then researches the landscape to choose coherent aesthetic and UI rules.
  • Complete system specification: Produces a full design system covering aesthetic direction, typography, color, layout, spacing, and motion principles.
  • Preview-ready outputs: Generates font+color preview pages so you can validate the system visually before adoption.
  • Project source of truth: Creates DESIGN.md as the canonical reference for your UI team.
  • Existing-site inference: For sites that already have a system, use /plan-design-review to infer it instead of starting from scratch.

Quick Start

Use the skill by asking: “Create a design system for my project and generate DESIGN.md with font and color preview pages.”

Frequently Asked Questions about gstack-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 scratch for a new project?▼

To create a design system from scratch, this skill analyzes your product's purpose and audience, then generates complete brand guidelines covering typography, color palette, layout spacing, and motion principles, writing the output to a DESIGN.md file.

What is included in a brand guidelines document for UI consistency?▼

A brand guidelines document for UI consistency includes aesthetic direction, UI typography, color palette, layout spacing, and motion principles. This skill also generates visual preview pages for fonts and colors to validate the system before adoption.

Can I generate a design system by inferring styles from an existing website?▼

Yes, you can infer a design system from an existing site by using the /plan-design-review command. This allows the skill to analyze and extract your current design documentation and UI rules instead of starting from scratch.

How do I document UI typography and color palette choices for my development team?▼

You document UI typography and color palette choices by generating a canonical DESIGN.md file. This serves as the project source of truth, providing your UI team with structured design documentation and ready-to-use preview pages.

Do I need existing brand documentation to generate design documentation?▼

No, you do not need existing brand documentation to generate design documentation. The skill performs product-aware planning and researches the landscape to choose coherent aesthetic and UI rules even when starting with zero prior design notes.

Related Skills

Explore More Design & Creative Skills→
gouravsingh311gouravsingh311

design-md

Analyze Stitch project assets and codify design tokens into DESIGN.md files.

Community
Intermediate
2460124601

design-consultation

Generate a complete design system with typography, colors, layout, spacing, and motion into DESIGN.md.

Community
Advanced
yckkkkyckkkk
1

design-consultation

Plan and codify a complete design system into a DESIGN.md source of truth.

Community
Advanced
kk20300113-pngkk20300113-png

design-consultation

Generate a complete design system and DESIGN.md for new web and mobile applications.

Community
Advanced