skills.rest
effiraid
effiraidCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Generate a complete design system plan and DESIGN.md source of truth.

Updated Aug 23, 2026
Search Tags:#typography#workflow#design#design-system#color-palette#brand-guidelines#design-md
One-click install
npx skills add https://github.com/effiraid/reflix-nextjs --skill design-consultation-effiraid
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/effiraid/reflix-nextjs/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/effiraid/reflix-nextjs --skill design-consultation-effiraid

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design consultation understands your product, researches the landscape, proposes a complete design system (aesthetic, typography, color, layout, spacing, motion), and generates font+color preview pages. Creates DESIGN.md as your project's design source of truth. For existing sites, use /plan-design-review to infer the system instead.

Core Features & Use Cases

  • Proactively suggests a complete design system
  • Generates typography, color previews, and a DESIGN.md as the design source of truth
  • Supports plan-design-review flow to infer the system for existing sites
  • Lets you review and adjust the system before implementation

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 complete design system for a new product?▼

To create a complete design system, provide your product details to generate a cohesive plan covering typography, color schemes, layout, spacing, and motion, resulting in a formal DESIGN.md source of truth ready for commit.

What is a DESIGN.md file and how does it work as a design source of truth?▼

A DESIGN.md file is a formal document that establishes your project's design source of truth, encoding aesthetic guidelines, typography, color palettes, and layout rules into a reusable format ready for repository integration.

Can I infer an existing design system for a site that is already built?▼

Yes, you can infer an existing design system for a built site by using the plan-design-review flow, which analyzes your current site to resolve the lack of a cohesive, designer-ready system and drafts the corresponding guidelines.

Do I need strong design-system knowledge to generate typography and color palettes?▼

You do not need strong design-system knowledge yourself, as the consultation proactively suggests typography, color palettes, and font previews aligned with your product goals, allowing you to review and adjust before implementation.

What is the best way to document brand guidelines and design tokens for a repository?▼

The best way to document brand guidelines is by generating a formal DESIGN.md file, which captures your complete design system plan including color palettes, typography scales, and motion principles into a commit-ready source of truth.

What is included in a generated design system plan?▼

A generated design system plan includes comprehensive typography selections, color schemes, layout structures, spacing rules, motion guidelines, and visual font and color preview pages to evaluate before finalizing the DESIGN.md.

Related Skills

Explore More Design & Creative Skills→
deepnoodle-aideepnoodle-ai

prd

Generate structured PRD documents with goals, scope, and acceptance criteria.

Official
Advanced
anonymouswhite07anonymouswhite07

stitch-design-taste

Generate DESIGN.md specifications for Google Stitch from design taste rules.

Community
Advanced
chris78reychris78rey

design-system-components

Generate HTML/Tailwind UI components and design tokens with CSS variables and reusable patterns.

Community
Basic
23000311472300031147

design-consultation

Create a design system with typography, color, layout, and motion guidance.

Community
Advanced