skills.rest
JeremiahEllington
JeremiahEllingtonCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/JeremiahEllington/NoahEllington --skill design-consultation-jeremiahellington
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
jimiryquaijimiryquai

teach-impeccable

Analyze codebase and branding assets to write design context to .impeccable.md.

Community
Intermediate
fysoul17fysoul17
4

stitch-design-taste

Generate DESIGN.md files encoding UI design language for Stitch projects.

Community
Advanced
drt0927drt0927
5

design-consultation

Generate a DESIGN.md design system with typography, color, layout, and motion guidelines.

Community
Advanced
SantiagoisperSantiagoisper

design-consultation

Propose a complete design system and generate preview pages with a DESIGN.md file.

Community
Intermediate