skills.rest
bizzybae
bizzybaeCOMMUNITY
Explore all skills by this author →
𝕏@BizzyBaeGitHub

design-consultation

Generate a design system and DESIGN.md from product context and branding goals.

Updated Apr 5, 2026
Search Tags:#typography#design-system#color-palette#design-doc#ui-guidelines#design-consultation#design-brief
One-click install
npx skills add https://github.com/bizzybae/qstack --skill design-consultation-bizzybae
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/bizzybae/qstack/tree/main/gstack-original/design-consultation
Command: npx skills add https://github.com/bizzybae/qstack --skill design-consultation-bizzybae

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This design consultation builds a cohesive design system and a DESIGN.md from your product context and branding goals, aligning typography, color, layout, spacing, and motion to reduce design drift.

Core Features & Use Cases

  • Proposes a complete design system including typography, color, spacing, layout, and motion guidelines.
  • Generates DESIGN.md as the project’s design source of truth and anchors future work.
  • Works for new projects or existing sites, guiding design reviews and plan-design workflows.

Quick Start

Tell me to design a full design system for my project and I will generate DESIGN.md with typography, color, layout, spacing, 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 my project?▼

To create a complete design system, you provide your product context and branding goals to generate a DESIGN.md. This document establishes typography, color, layout, spacing, and motion guidelines as the design source of truth.

What is a DESIGN.md file and how does it reduce design drift?▼

A DESIGN.md file serves as the design source of truth, anchoring future work and aligning typography, color, layout, spacing, and motion guidelines to reduce design drift across new projects or existing sites.

Can I use this design consultation for an existing website?▼

Yes, the design consultation works for existing sites by applying your product context and branding goals to generate updated design guidelines, supporting plan-design-review workflows for ongoing projects.

How do I generate typography and color palette guidelines for UI development?▼

You generate typography and color palette guidelines by inputting your product context and branding goals. The system produces a comprehensive DESIGN.md covering typography, color, layout, spacing, and motion.

What's the best way to document UI guidelines and spacing rules?▼

The best way to document UI guidelines and spacing rules is generating a DESIGN.md file. It captures typography, color, layout, spacing, and motion guidelines to anchor future design work and reduce drift.

Does this design system generation support plan-design-review workflows?▼

Yes, the design system generation supports plan-design-review workflows for ongoing projects. It outputs a DESIGN.md that anchors future work and aligns your branding goals with typography and layout guidelines.

Related Skills

Explore More Design & Creative Skills→
howdeployhowdeploy
15

design-consultation

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

Community
Advanced
anonymouswhite07anonymouswhite07

stitch-design-taste

Generate DESIGN.md specifications for Google Stitch from design taste rules.

Community
Advanced
atototoatototo
3

design-guide

Guide frontend development with Baton UI design system components and tokens.

Community
Intermediate
rmjamesrmjames
1

Brand Guidelines

Enforce design system tokens for spacing, color, and typography in web interfaces.

Community
Basic