skills.rest
shaythegay13
shaythegay13COMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-consultation

Plan and execute design-system consultations that output a DESIGN.md source of truth.

Updated Oct 25, 2025
Search Tags:#typography#design#branding#ui#color#design-system
One-click install
npx skills add https://github.com/shaythegay13/serenity-pocket-app-final --skill design-consultation-shaythegay13
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/shaythegay13/serenity-pocket-app-final/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/shaythegay13/serenity-pocket-app-final --skill design-consultation-shaythegay13

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This design-consultation skill helps teams build a complete, coherent design system by understanding the product, researching the landscape, and producing a DESIGN.md that serves as the single source of truth. It also suggests design-system planning for new projects or for inferring systems from existing sites via a plan-design-review.

Core Features & Use Cases

  • Proposes a full design system covering aesthetic, typography, color, layout, spacing, and motion.
  • Generates DESIGN.md as the project's design source of truth to align stakeholders and implementation.
  • Plans for existing sites and new projects: use /plan-design-review to infer a system when DESIGN.md is missing, or start fresh with design principles when no system exists.

Quick Start

Tell me your product goals and I’ll generate 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 UI project?▼

A design system consultation analyzes your product goals and outputs a DESIGN.md file as the single source of truth. It covers aesthetics, typography, color, layout, spacing, and motion to align stakeholders and guide implementation.

How do I infer a design system for an existing website without documentation?▼

You can infer a design system from an existing site by running a plan-design-review process. This extracts your current design patterns to generate a DESIGN.md file when no formal documentation exists.

What is a DESIGN.md file and how does it help product development?▼

A DESIGN.md file is a structured design plan serving as the single source of truth for your product. It aligns stakeholders and provides concrete integration guidance for your codebase.

Can I generate a design plan that covers typography, color, and layout simultaneously?▼

Yes, you can generate a comprehensive design plan covering typography, color, layout, spacing, and motion simultaneously. The consultation outputs a complete DESIGN.md addressing all these aesthetic aspects cohesively.

What do I need to provide to start a design system consultation?▼

You need to provide your product goals and context to start a design system consultation. The tool then researches the landscape and outputs a complete design-system plan and DESIGN.md tailored to your project.

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
wpgauravwpgaurav
14

normalize

Normalize frontend UI typography, color, spacing, and components to design tokens.

Community
Advanced
paperclipaipaperclipai
76.0k

design-guide

Guide frontend UI component creation within the Paperclip ecosystem.

Official
Intermediate
MissTullyMissTully

design-consultation

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

Community
Advanced