skills.rest
singhianand23045
singhianand23045COMMUNITY
Explore all skills by this author →
GitHub

design-consultation

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Plan and establish a cohesive design system for a product, aligning typography, color, layout, spacing, motion, and branding into a single source of truth.

Core Features & Use Cases

  • Propose a complete design system including aesthetics, typography, color, layout, spacing, and motion.
  • Generate a DESIGN.md as the project’s design source of truth and provide guidance for new projects without an existing design system.
  • Support use cases like brand guideline creation, UI system planning, and design reviews.

Quick Start

Tell me about your product and I will draft a complete design system plan and 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 product?▼

A design system aligns typography, color, layout, spacing, and motion into a single source of truth. It works by generating a DESIGN.md file to guide implementation and establish brand guidelines for new and existing sites.

What's the best way to document brand guidelines and UI rules?▼

You can use this skill to generate a DESIGN.md file that captures your typography, color, layout, and branding rules. It serves as the single source of truth for new projects or existing sites lacking a formal design system.

Can I establish design rules for an existing site without a design system?▼

Yes, this skill supports existing sites that require typography, color, and branding guidance. It applies a plan-design-review workflow to help you establish a cohesive design system even without prior design documentation.

How does a plan-design-review workflow help with UI system planning?▼

The plan-design-review workflow guides UI system planning by proposing aesthetics, typography, and color rules, then reviewing them. This ensures your final DESIGN.md accurately reflects a cohesive design system before implementation.

When do I need a DESIGN.md file for my project?▼

You need a DESIGN.md when you want a single source of truth for your product's aesthetics, typography, and color. It is ideal for new projects needing a cohesive design system or existing sites requiring branding and layout guidance.

Related Skills

Explore More Design & Creative Skills→
timequitytimequity
6

design-preferences

Collect stakeholder design preferences and generate a DESIGN.md document.

Official
Basic
kinneyyankinneyyan
2

ice-js-3-development-patterns

Standardize ice.js 3 admin app development with reusable List and FormView patterns.

Community
Intermediate
gouravsingh311gouravsingh311

design-md

Analyze Stitch project assets and codify design tokens into DESIGN.md files.

Community
Intermediate
huichenhuichen

design-consultation

Research design needs and generate a DESIGN.md design system source of truth.

Community
Advanced