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.