design-consultation

Generate a complete design system and DESIGN.md with typography, color, spacing, and motion.

Updated Mar 19, 2026
One-click install
npx skills add https://github.com/him55710-sudo/uni-foli --skill design-consultation-him55710-sudo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/him55710-sudo/uni-foli/tree/main/.agents/skills/gstack-design-consultation
Command: npx skills add https://github.com/him55710-sudo/uni-foli --skill design-consultation-him55710-sudo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the lack of a coherent, scalable UI language by delivering a complete design system and a DESIGN.md that serves as the single source of truth for a project, ensuring consistency across product, engineering, and marketing.

Core Features & Use Cases

  • Generates a full design system including typography, color palettes, spacing, motion, and layout guidelines.
  • Produces DESIGN.md as the canonical reference that teams follow during design and implementation.
  • If starting from scratch, proactively defines design direction; if updating an existing site, uses plan-design-review to infer the system.

Quick Start

Create a complete design system and DESIGN.md for my project, including typography, color palette, layout, and motion guidelines.

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 for a new UI project?

To create a design system for a new UI project, you need to define typography, color palettes, spacing, and motion guidelines. This process generates a canonical DESIGN.md file and visual preview pages, ensuring a cohesive and scalable UI language across your product and engineering teams.

What is the best way to establish brand guidelines and a single source of truth for design?

The best way to establish brand guidelines is to generate a comprehensive design system documented in a DESIGN.md file. This canonical reference specifies typography, color, layout, and motion, ensuring consistency across product, engineering, and marketing teams during implementation.

Can I update an existing site's design system without starting from scratch?

Yes, you can update an existing site's design system by using a plan-design-review process. This approach infers your current design patterns and updates your typography, color palette, and spacing guidelines without requiring you to start from scratch.

How do I define a color palette and typography scale if I have no design direction?

If you lack design direction, a design consultation can proactively define your typography and color palette by researching top products in your space. This research informs a complete, cohesive design system tailored to your project.

What does a design system specification need to include for UI consistency?

A design system specification needs to include typography, color palettes, spacing, layout, and motion guidelines. These components form a cohesive UI language that serves as the canonical reference for consistent design and engineering implementation.

Do I need design research before generating a DESIGN.md file?

You do not need prior design research to generate a DESIGN.md file. The system can proactively define the design direction from its own knowledge or by researching top products in your space to inform the typography and color specifications.