skills.rest
lendtrain
lendtrainCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

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

4|Updated Mar 21, 2026
Search Tags:#typography#design-system#color-palette#ui-architecture#design-consultation
One-click install
npx skills add https://github.com/lendtrain/complete-pipeline --skill design-consultation-lendtrain
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/lendtrain/complete-pipeline/tree/main/skills/design-consultation
Command: npx skills add https://github.com/lendtrain/complete-pipeline --skill design-consultation-lendtrain

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creates a complete, coherent design system and DESIGN.md that define the product's visual language, documenting typography, color, spacing, motion, and component guidelines to guide design and implementation teams.

Core Features & Use Cases

  • Proposes a holistic design system including aesthetics, typography, color, spacing, motion, and layout decisions.
  • Generates a DESIGN.md as the project's design source of truth for product teams and developers.
  • Produces a preview page that demonstrates how the system would render in real product contexts and use-cases.

Quick Start

Describe your product and I will generate a complete design system and DESIGN.md draft for you.

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 for my product?▼

To create a design system, this Skill proposes holistic typography, color, spacing, and motion decisions tailored to your product domain, generating a DESIGN.md file and a preview page for implementation.

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

A DESIGN.md file serves as the project's design source of truth. It documents visual language and component guidelines to align product teams and developers during implementation.

How do I document typography and color palette decisions for development teams?▼

Document typography and color palette decisions by generating a DESIGN.md file. This Skill records your tailored visual language choices and provides user-facing explanations for each design decision.

Can I perform competitive analysis when building a color palette and design system?▼

Yes, you can perform competitive analysis when building your design system. This Skill includes an option to analyze competitors, ensuring your color palette and UI architecture are coherently tailored.

Does this design consultation tool generate visual previews of the design system?▼

Yes, this design consultation tool generates a preview page. It demonstrates how your typography, spacing, and color palette decisions render in real product contexts and use-cases.

Related Skills

Explore More Design & Creative Skills→
AndrewLi0420AndrewLi0420

design-consultation

Define a design system plan with DESIGN.md, CLAUDE.md, and a preview page.

Community
Advanced
nuurpronuurpro
1

design-consultation

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

Community
Advanced
srbhrsrbhr
28.1k

design-principles

Apply Swiss International Style guidelines to UI component design and visual tokens.

Community
Basic
daodaoleedaodaolee

style-extractor

Extracts web UI style guides and motion analysis from live sites or screenshots.

Community
Advanced