design-consultation

Generate a complete design system and DESIGN.md from a project brief.

1|Updated Apr 6, 2026
One-click install
npx skills add https://github.com/zhu637882-stack/jiaoyi --skill design-consultation-zhu637882-stack
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/zhu637882-stack/jiaoyi/tree/main/qoder-config-backup/skills/gstack-design-consultation
Command: npx skills add https://github.com/zhu637882-stack/jiaoyi --skill design-consultation-zhu637882-stack

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Aligns teams around a cohesive visual system by generating a complete design system and DESIGN.md, reducing design debt and handoff friction.

Core Features & Use Cases

  • Propose and document a complete design system (typography, color, layout, spacing, motion) and generate DESIGN.md as the single source of truth.
  • For new projects or existing sites, infer design decisions from the project brief or from an existing DESIGN.md; provide plan-design-review guidance to accelerate alignment.
  • Output a design-system package that developers and designers can reuse to ensure UI consistency across platforms.

Quick Start

Generate a first DESIGN.md draft by outlining typography, color palette, spacing, and motion based on the project brief.

Frequently Asked Questions about design-consultation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a complete design system for a new project?▼

To generate a design system, you outline typography, color palette, layout, spacing, and motion based on your project brief. The skill outputs a DESIGN.md file serving as the single source of truth for your UI.

What is a DESIGN.md file and when do I need it?▼

A DESIGN.md file documents your complete design system, including typography, color, and motion guidelines. You need it to align teams around a cohesive visual system and reduce design debt and handoff friction.

Can I update an existing design system for an existing site?▼

Yes, you can update an existing design system by having the skill infer design decisions from an existing DESIGN.md file. It adapts plans for existing sites by performing a plan-design-review to accelerate alignment.

What is the best way to document brand guidelines and ensure UI consistency?▼

The best way to document brand guidelines is generating a design-system package that proposes typography, color, layout, spacing, and motion. This package creates a single source of truth for developers and designers to ensure UI consistency across platforms.

Do I need existing assets or scripts to create brand guidelines?▼

No, you do not need existing assets or scripts to create brand guidelines. The skill reads optional inputs like scripts, references, or assets as needed, and can generate a first DESIGN.md draft directly from your project brief.

What limitations exist when inferring design decisions from an existing DESIGN.md?▼

When inferring design decisions from an existing DESIGN.md, the skill adapts plans based on the provided document. It requires an existing DESIGN.md to be present to perform the plan-design-review guidance for accelerating team alignment.