skills.rest
nuurpro
nuurproCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

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

1|1|Updated Mar 28, 2026
Search Tags:#typography#branding#layout#design-system#design-docs#color-palette#design-consultation
One-click install
npx skills add https://github.com/nuurpro/Converza_ai --skill design-consultation-nuurpro
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/nuurpro/Converza_ai/tree/main/.claude/skills/design-consultation
Command: npx skills add https://github.com/nuurpro/Converza_ai --skill design-consultation-nuurpro

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams struggle to create consistent, scalable design systems and maintain a single source of truth. This Skill automates the creation of a cohesive system and a DESIGN.md that documents typography, color, layout, spacing, and motion.

Core Features & Use Cases

  • Understands your product and landscape to tailor a design system.
  • Proposes aesthetic, typography, color, layout, spacing, and motion guidelines.
  • Generates font and color preview pages and creates DESIGN.md as the project source of truth.
  • For existing sites, can infer the system via plan-design-review.
  • Proactively suggest design-system directions when starting a new UI without an existing DESIGN.md.

Quick Start

Tell me about your product and goals, and I will generate a complete DESIGN.md and design system draft.

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 design system and maintain a single source of truth for my product?▼

Generating a DESIGN.md involves researching your product landscape to propose tailored typography, color palettes, layout structures, spacing scales, and motion guidelines, alongside auto-generated font and color previews for visual reference.

Can I extract a design system from an existing website UI?▼

Yes, you can infer a design system from an existing site by running a plan-design-review process that analyzes the current UI to extract and document cohesive typography, color, layout, and spacing guidelines into DESIGN.md.

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

The best way to document typography and color palette guidelines is to generate a DESIGN.md file acting as the single source of truth, complete with auto-generated font and color preview pages for immediate visual validation.

Do I need an existing DESIGN.md before starting a new UI project?▼

No, you do not need an existing DESIGN.md; proactive design-system recommendations can be generated when starting a new UI project by analyzing your product goals and landscape to draft foundational typography and color guidelines.

What should be included in a comprehensive design system specification?▼

A comprehensive design system specification should include detailed guidelines for typography, color palettes, layout structures, spacing scales, and motion, ensuring all UI elements maintain aesthetic consistency and scalability across the product.

Related Skills

Explore More Design & Creative Skills→
ScivorScivor

design-consultation

Analyze project goals and context to define a cohesive design system in DESIGN.md.

Community
Advanced
nikglavinnikglavin
1

lyra-design-system

Define a cohesive design system with tokens, typography, color, and spacing.

Community
Advanced
Sir-chawakornSir-chawakorn
33

screenshot-to-code

Convert UI screenshots and design mockups into HTML, CSS, and React components.

Community
Intermediate
guideopsguideops

sega

Generates Sega-style design tokens, typography scales, and color palettes for game interfaces.

Community
Intermediate