skills.rest
vibrationalforce
vibrationalforceCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Research product context and generate a DESIGN.md design system proposal.

Updated Oct 15, 2025
Search Tags:#typography#documentation#design-system#color-palette#design-consultation#design-preview
One-click install
npx skills add https://github.com/vibrationalforce/Echoelmusic --skill design-consultation-vibrationalforce
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/vibrationalforce/Echoelmusic/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/vibrationalforce/Echoelmusic --skill design-consultation-vibrationalforce

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Design Consultation Skill helps product teams rapidly define, document, and align on a complete design system by researching the product context, proposing a consistent aesthetic, typography, color, layout, spacing, and motion, and delivering a DESIGN.md that serves as the single source of truth for the project.

Core Features & Use Cases

  • Comprehensive design-system planning: from concept to documentation, including governance notes and usage guidelines.
  • Design proposal deliverables: aesthetics, typography, color palette, spacing, and motion directions, plus a coherent system ready for implementation.
  • Quick alignment and hand-off: creates DESIGN.md you can drop into your project to guide design and development.

Quick Start

Ask me to draft a complete design system and DESIGN.md for your project.

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

A design system standardizes UI components through documented typography, color palettes, spacing, and motion guidelines. It solves consistency issues by providing a single source of truth for product teams during development.

What is the best way to document a color palette and typography for a UI project?▼

The best way to document a color palette and typography is to generate a cohesive design proposal and output it as a DESIGN.md file, which serves as the single source of truth for your project's visual guidelines.

Can I refresh an existing UI design without starting from scratch?▼

You can refresh an existing UI by proposing a new aesthetic, updating typography and color choices, and outputting an updated DESIGN.md file to align your product team on the revised visual direction.

How do I align product teams on spacing and motion directions before development?▼

You align product teams on spacing and motion by drafting a comprehensive design proposal that defines these rules, then delivering it as documented guidelines within a central DESIGN.md file for reference.

Does generating a design system require any external dependencies or component libraries?▼

Generating a design system requires no external dependencies or component libraries. It plans and delivers the complete typography, color, and layout framework directly through your project context.

Related Skills

Explore More Design & Creative Skills→
rkz91rkz91
264

gsd-new-project

Initialize new project workflows and generate planning artifacts.

Community
Advanced
krzemienskikrzemienski
2

design-token-audit

Extract design tokens from DESIGN.md, tailwind.config, and CSS variables to compare against implementation.

Community
Advanced
Intension-usIntension-us

design-consultation

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

Official
Advanced
AngelP17AngelP17
1

tailwind-design-system

Standardize UI design with Tailwind-based design tokens and component patterns.

Community
Advanced