skills.rest
martin-hsu-test
martin-hsu-testCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

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

1|Updated Apr 8, 2026
Search Tags:#typography#color#ui-design#design-system#brand-guidelines#design-consultation
One-click install
npx skills add https://github.com/martin-hsu-test/gstack-gemini-slim --skill design-consultation-martin-hsu-test
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/martin-hsu-test/gstack-gemini-slim/tree/main/.gemini/skills/gstack-design-consultation
Command: npx skills add https://github.com/martin-hsu-test/gstack-gemini-slim --skill design-consultation-martin-hsu-test

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps teams craft a cohesive design system from product goals, ensuring typography, color, layout, spacing, and motion are consistent across projects. It provides a single source of truth (DESIGN.md) to guide implementation and alignment with stakeholders.

Core Features & Use Cases

  • Proactively propose a complete design system including typography, color, layout, spacing, and motion
  • Generate a DESIGN.md as the project's design source of truth and guide future work
  • Plan design reviews and branding guidelines for new sites or redesigns to accelerate delivery

Quick Start

Generate an initial DESIGN.md for your project based on your product goals.

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 from scratch for a new website?▼

Yes, a design system can be applied to redesigns by planning design reviews and branding guidelines, ensuring typography, color, and layout are consistent across updated project components to accelerate delivery.

What is a DESIGN.md file and why do I need it for UI design?▼

A DESIGN.md file is a project's design source of truth that defines a cohesive design system, ensuring typography, color, layout, spacing, and motion are consistently documented to guide implementation and align stakeholders.

How do I define typography and color guidelines that stay consistent across projects?▼

Define typography and color guidelines by researching the product landscape and generating a design system document, providing font and color preview pages to ensure consistent application across all project interfaces.

Can I generate a design plan with no existing brand guidelines?▼

Yes, you can generate an actionable design plan with no existing brand guidelines by providing proactive suggestions based on product goals, establishing a complete design system covering layout, spacing, and motion.

What's the best way to document layout and motion rules for a design system?▼

The best way to document layout and motion rules is to co-create a comprehensive design system, generating a design source of truth file that serves as an actionable plan for future site development and stakeholder reviews.

Related Skills

Explore More Design & Creative Skills→
SakshamKandelSakshamKandel

design-consultation

Propose an end-to-end design system with tokens, documentation, and a live preview.

Community
Advanced
singhianand23045singhianand23045

design-consultation

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

Community
Advanced
tsenseitsensei
3

design-consultation

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

Community
Advanced
howdeployhowdeploy
15

design-consultation

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

Community
Advanced