skills.rest
ClyptAI
ClyptAIOFFICIAL
Explore all skills by this author →
GitHub

design-consultation

Generate a complete design system and DESIGN.md with font and color previews.

Updated Mar 8, 2026
Search Tags:#typography#branding#color#ui-design#design-system#design-consultation
One-click install
npx skills add https://github.com/ClyptAI/Clypt-Backend --skill design-consultation-clyptai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/ClyptAI/Clypt-Backend/tree/main/.agents/skills/gstack/design-consultation
Command: npx skills add https://github.com/ClyptAI/Clypt-Backend --skill design-consultation-clyptai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Design consultation skill helps teams rapidly define a cohesive design system by researching the landscape, establishing typography, color, layout, spacing, and motion, and generating a DESIGN.md that acts as the project's single source of truth.

Core Features & Use Cases

  • Propose a complete design system covering typography, color, layout, spacing, and motion.
  • Generate font and color preview pages and provide a DESIGN.md as the design source of truth.
  • For new projects, infer or create a design system when no DESIGN.md exists; for existing sites, offer a plan-design-review to plan the system.

Quick Start

Describe your product goals and branding needs so I can generate a complete DESIGN.md and font/color previews.

Frequently Asked Questions about design-consultation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a complete design system for a new product?▼

To generate a design system, provide your branding inputs, typography constraints, and design preferences. The process outputs a DESIGN.md source of truth alongside font and color previews covering typography, color, layout, spacing, and motion.

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

A DESIGN.md file acts as a single source of truth for a project's visual identity. It consolidates typography, color, layout, spacing, and motion guidelines into one document, ensuring cohesive UI design across the product.

Can I infer an existing design system for a site that needs a redesign?▼

Yes, for existing sites needing a redesign, the process uses a plan-design-review workflow to infer the design system. It analyzes your current UI and generates an updated DESIGN.md alongside font and color previews.

What branding inputs and typography constraints do I need to start a design consultation?▼

You need to provide product goals, branding inputs, typography constraints, and design preferences. These details allow the design consultation to rapidly define a cohesive UI design system and generate accurate font and color previews.

Does this design consultation tool include color and typography previews?▼

Yes, the design consultation includes generating font and color preview pages. These previews accompany the final DESIGN.md file, allowing you to visually validate the typography constraints and color systems before implementation.

Related Skills

Explore More Design & Creative Skills→
forbotsakeforbotsake
5

design-consultation

Propose a complete design system and generate DESIGN.md with typography, color, layout, spacing, and motion tokens.

Official
Advanced
nuurpronuurpro
1

design-consultation

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

Community
Advanced
lintendolintendo
152

design-md

Analyze Stitch projects to generate DESIGN.md with visual language tokens.

Community
Advanced
thanh-abaiithanh-abaii
34

gs:design-consultation

Generate design systems and a DESIGN.md file for Windows 11 projects.

Community
Advanced