skills.rest
mulyoved
mulyovedCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-consultation

Generate DESIGN.md with typography, color, layout, spacing, and motion guidelines.

Updated Mar 30, 2026
Search Tags:#typography#design#brand#color#ux#design-system
One-click install
npx skills add https://github.com/mulyoved/awesome-agent-ides --skill design-consultation-mulyoved
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/mulyoved/awesome-agent-ides/tree/main/.agents/skills/gstack/design-consultation
Command: npx skills add https://github.com/mulyoved/awesome-agent-ides --skill design-consultation-mulyoved

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generating a cohesive, production-ready design system for a product by understanding product context, researching the landscape, and proposing typography, color, layout, spacing, and motion guidelines, then generating DESIGN.md as the project's single source of truth.

Core Features & Use Cases

  • Proposes a complete design system across typography, color, layout, spacing, and motion.
  • Generates a DESIGN.md to serve as the canonical reference for the project.
  • Works for new projects or when an existing site lacks a design system, and can plan a plan-design-review for existing sites.

Quick Start

Ask me to design a complete design system for my project and generate DESIGN.md.

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 a new project?▼

To design a complete design system, the tool researches product context and landscape to propose typography, color, layout, spacing, and motion guidelines, generating a DESIGN.md file as the canonical reference.

What is a DESIGN.md file used for in UX design?▼

In a production-ready design system, a DESIGN.md file acts as the single source of truth, documenting typography, color, layout, spacing, and motion guidelines to align the team.

Can I generate a design system for an existing website that lacks one?▼

Yes, you can generate a design system for an existing site lacking formal guidelines by planning a design-review workflow to infer or update typography, color, and layout rules into a DESIGN.md file.

What components should a complete design system include?▼

A complete design system should include guidelines for typography, color, layout, spacing, and motion to ensure a cohesive, production-ready foundation for product development.

Do I need specific tools to generate a design system workflow?▼

Generating a design system requires multi-tool support including bash, read, write, edit, glob, grep, AskUserQuestion, and WebSearch to drive the phased workflow that produces the DESIGN.md artifact.

When should I formalize my project's typography and color guidelines?▼

You should formalize typography, color, and layout guidelines into a design system when starting a new project or when an existing site lacks a cohesive, production-ready design foundation.

Related Skills

Explore More Design & Creative Skills→
zhifengzhang-szzhifengzhang-sz

design-consultation

Create a complete design system and export DESIGN.md as the source of truth.

Community
Advanced
bajajvinamrbajajvinamr

design-consultation

Create a cohesive design system with typography, color, spacing, and motion rules.

Community
Advanced
limzivectorlimzivector

design-review

Automate visual design issue detection and fixes with before/after screenshots.

Community
Advanced
simonheimlichersimonheimlicher
1

designing-frontend

Design responsive web components with cohesive typography, color, and motion systems.

Community
Basic