skills.rest
balajivis
balajivisCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Create a complete design system with typography, color strategy, and DESIGN.md output.

2|1|Updated May 20, 2026
Search Tags:#typography#design system#color palette#brand guidelines#design review#ui design
One-click install
npx skills add https://github.com/balajivis/multiagent-primer --skill design-consultation-balajivis
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/balajivis/multiagent-primer/tree/main/lab0-workflow/gstack/design-consultation
Command: npx skills add https://github.com/balajivis/multiagent-primer --skill design-consultation-balajivis

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams turn unclear product aesthetics into a complete, documented design system with consistent visual decisions for typography, color, layout, spacing, and motion.

Core Features & Use Cases

  • Design System Creation: Researches product context, proposes a cohesive visual direction, and creates DESIGN.md as a source of truth.
  • Visual Strategy Guidance: Provides recommendations for aesthetics, fonts, colors, layouts, spacing, motion, and deliberate design risks.
  • Preview Generation: Creates font and color preview pages with realistic product mockups to validate the proposed system before implementation.

Quick Start

Use the design-consultation skill to create a complete design system for my new product and generate a DESIGN.md file.

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 cohesive design system for inconsistent product branding?▼

To create a cohesive design system, the skill researches your product context and generates a DESIGN.md file establishing reusable visual standards for typography, color, layout, spacing, and motion.

How do I generate a color palette and typography selection for a UI design project?▼

You can generate a color palette and typography selection through structured design proposals. The skill provides visual strategy guidance and creates preview pages with realistic mockups to validate aesthetics before implementation.

Can I use this to document brand guidelines for an existing application redesign?▼

Yes, you can document brand guidelines for an existing application redesign. The skill produces a DESIGN.md output that serves as a source of truth for reusable visual standards and deliberate design risks.

What is the best way to validate a visual strategy before implementation?▼

The best way to validate a visual strategy is through preview generation. The skill creates font and color preview pages with realistic product mockups to confirm the proposed design system works effectively.

Does creating a design system require existing brand guidelines or design review input?▼

Creating a design system does not strictly require existing brand guidelines. The skill researches your product context to propose a visual direction, making it suitable for both new product launches and redesigns lacking formal documentation.

Related Skills

Explore More Design & Creative Skills→
iJosueehiJosueeh

design-brief-builder

Guide a structured design interview and generate a Design-Brief.md document.

Community
Advanced
fengjutianfengjutian

stitch-design-taste

Generate DESIGN.md files defining visual and interaction standards for Google Stitch.

Community
Advanced
nidhalboumaiza-0nidhalboumaiza-0

frontend-design

Convert UI style requirements into frontend code with a tokens-first design system.

Community
Advanced
ProLeadApptProLeadAppt

design-audit

Identify visual design inconsistencies and deliver a phased audit plan referencing DESIGN_SYSTEM tokens.

Community
Advanced