skills.rest
uzumaki-inc
uzumaki-incOFFICIAL
Explore all skills by this author →
GitHub

design-consultation

Research product landscape and generate DESIGN.md with typography, color, layout, spacing, and motion guidelines.

Updated Apr 25, 2026
Search Tags:#typography#layout#brand#color#ui-design#design-system#design-review
One-click install
npx skills add https://github.com/uzumaki-inc/uzustack --skill design-consultation-uzumaki-inc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/uzumaki-inc/uzustack/tree/main/_upstream/gstack/design-consultation
Command: npx skills add https://github.com/uzumaki-inc/uzustack --skill design-consultation-uzumaki-inc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design consistency is hard to achieve across teams and products. This Skill understands your product, researches the landscape, and proposes a complete design system (typography, color, layout, spacing, and motion), then generates a DESIGN.md to serve as the project’s design source of truth. For existing sites, it can infer the system via a /plan-design-review workflow to accelerate design alignment.

Core Features & Use Cases

  • Proposes a complete design system covering typography, color palettes, layout, spacing, motion, and accessibility considerations to ensure consistent UI across features.
  • Generates DESIGN.md as the design source of truth and creates font+color preview pages to visualize the system before implementation.
  • Useful for new product design or UI refresh projects, enabling seamless handoff between design and engineering and providing a reusable blueprint for future iterations.

Quick Start

Ask for a complete design system for my project, including typography, color, layout, and spacing, and generate DESIGN.md as the single source of truth.

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 UI design system for a new product?▼

A design system establishes visual consistency across product features by standardizing typography, color palettes, layout, spacing, and motion guidelines. It generates a DESIGN.md source of truth and visual preview assets to ensure unified UI and seamless handoff.

What's the best way to document typography and color palettes for developer handoff?▼

Documenting typography and color palettes in a DESIGN.md file provides a structured source of truth for developer handoff. This approach includes visual preview pages for fonts and colors, ensuring engineering teams can quickly consume and implement the design system.

Can I generate a design system for an existing UI redesign project?▼

Yes, you can generate a design system for an existing UI redesign by using a plan-design-review workflow. This process infers your current design patterns from the existing site, accelerating design alignment and producing a structured DESIGN.md output for future iterations.

Does the generated design system include accessibility considerations?▼

Yes, the generated design system includes accessibility considerations alongside typography, color palettes, layout, spacing, and motion guidelines. These accessibility rules are documented within the DESIGN.md file to ensure consistent and compliant UI across all product features.

How do I accelerate design alignment between designers and developers?▼

You accelerate design alignment by generating a DESIGN.md file as the project's design source of truth, defining typography, color, and layout guidelines. This provides structured outputs and visual preview assets that both teams can consume for seamless handoff.

Related Skills

Explore More Design & Creative Skills→
antriksh-29antriksh-29

design-consultation

Generates a complete design system and DESIGN.md with preview from product context and landscape research.

Community
Advanced
dev-mirzabicerdev-mirzabicer

frontend-ui-ux

Translate design briefs into production-ready frontend UI components.

Community
Advanced
RenyEnnosRenyEnnos
1

design-md

Generate DESIGN.md design-system documentation from Stitch project assets.

Community
Advanced
deveshkumarsdeveshkumars

design-consultation

Generate a complete product design system and output a DESIGN.md source of truth.

Community
Advanced