design-consultation

Plan and deliver a complete design system with DESIGN.md and preview pages.

Updated Apr 6, 2026

Search Tags:#typography #branding #ui-design #design-system #color-system #design-consultation

Ready to run

npx skills add https://github.com/JeremiahEllington/NoahEllington --skill design-consultation-jeremiahellington

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/JeremiahEllington/NoahEllington/tree/main/.claude/skills/design-consultation
Command: npx skills add https://github.com/JeremiahEllington/NoahEllington --skill design-consultation-jeremiahellington

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Plan and execute a complete design system that defines aesthetics, typography, color, layout, spacing, and motion, then generate a DESIGN.md as the project’s single source of truth.

Core Features & Use Cases

Define a coherent design system (aesthetic, typography, color, layout, spacing, motion) and generate font+color preview pages.
Create DESIGN.md as the master design source of truth and offer plan-design-review for existing sites to infer the system.
Proactively propose design direction when starting a new UI with no existing design system or DESIGN.md.

Quick Start

Describe your product and I will draft a complete design system and generate a DESIGN.md as the source of truth.

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, define aesthetics, typography, color, layout, spacing, and motion, then generate a DESIGN.md file serving as the project's single source of truth. Describe your product to receive a full plan-design-review path.

What is a DESIGN.md file used for in UI design?▼

A DESIGN.md file serves as the master design source of truth, codifying your UI design system including aesthetics, typography, color, layout, spacing, and motion guidelines for consistent product development across new or existing sites.

Can I generate a design system for an existing website?▼

Yes, you can generate a design system for an existing website. The tool offers a plan-design-review path to infer your current design system and codify it into a DESIGN.md master source of truth.

How do I codify typography and color systems with a font and color preview?▼

Codify typography and color systems by defining your layout and spacing rules, then generating a font and color preview page alongside a DESIGN.md file to document the complete design system specifications.

What do I need to start building a design system from scratch?▼

To start building a design system from scratch, simply describe your product. The tool proactively proposes a complete design direction including typography, color, and layout without requiring an existing design system or DESIGN.md.