skills.rest
algorithmbasics
algorithmbasicsCOMMUNITY
Explore all skills by this author →
𝕏@AlgorithmLlcGitHub

design-consultation

Generate DESIGN.md and design guidelines from product goals.

Updated Apr 18, 2026
Search Tags:#typography#branding#color#ux#design-system#visual-design
One-click install
npx skills add https://github.com/algorithmbasics/gstack --skill design-consultation-algorithmbasics
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/algorithmbasics/gstack/tree/main/design-consultation
Command: npx skills add https://github.com/algorithmbasics/gstack --skill design-consultation-algorithmbasics

SYSTEM DOCUMENTATION & REQUIREMENTS

## What problem does it solve? Design teams often struggle to translate product goals into a cohesive visual language that scales across pages, components, and platforms.

## Core Features & Use Cases

  • Complete Design System: defines typography, color, layout, spacing, and motion for cohesive UI across product surfaces.
  • DESIGN.md as Source of Truth: creates DESIGN.md as the central reference for design decisions.
  • Plan-driven Guidance: supports starting from zero UI or upgrading an existing site with /plan-design-review to infer or codify the system.

### Quick Start Describe your product goals and constraints, then run /design-consultation to generate a DESIGN.md with a complete design system.

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 product?▼

To create a complete design system, you run the design consultation command with your product goals and constraints to generate a DESIGN.md file defining typography, color, layout, spacing, and motion for cohesive UI across product surfaces.

What is a DESIGN.md file and why do I need one for my visual design?▼

A DESIGN.md file serves as the central source of truth for design decisions, codifying your visual design language including typography, color, and layout rules so that UI stays cohesive across pages, components, and platforms.

Can I use this to upgrade the design system of an existing site?▼

Yes, you can upgrade the design system of an existing site by running the plan-driven design review command to infer or codify your current visual language and output a ready-to-use implementation plan.

What's the best way to translate product goals into a cohesive visual language?▼

The best way to translate product goals into a cohesive visual language is to use a plan-driven consultation process that enforces the output of a complete design system with DESIGN.md as the central reference.

Do I need an existing UI to generate design guidelines?▼

No, you do not need an existing UI to generate design guidelines because the system supports starting from zero UI by using your described product goals and constraints to guide the generation of the complete design system.

What design tokens does the generated design system include?▼

The generated design system includes typography, color, layout, spacing, and motion tokens to ensure a cohesive visual language across all product surfaces and components.

Related Skills

Explore More Design & Creative Skills→
syahrilTGRsyahrilTGR
3

brainstorming

Guide structured brainstorming to define software designs and specifications.

Community
Advanced
ibalasiteibalasite

design-consultation

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

Community
Advanced
ketanswebsiteketanswebsite

ui-ux-design-advisor

Analyze project structure and design system to propose UI/UX design options.

Community
Advanced
singhianand23045singhianand23045

design-consultation

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

Community
Advanced