skills.rest
curielmc
curielmcCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-consultation

Propose a complete design system and output DESIGN.md with typography, color, layout, and motion.

Updated Feb 27, 2026
Search Tags:#typography#layout#color#design-system#motion#design-consultation
One-click install
npx skills add https://github.com/curielmc/beat-SPY --skill design-consultation-curielmc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/curielmc/beat-SPY/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/curielmc/beat-SPY --skill design-consultation-curielmc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams often struggle to unify product visuals into a cohesive system and generate a single source of truth. This skill analyzes your product, researches the landscape, and proposes a complete design system, then produces a DESIGN.md that documents typography, color, layout, spacing, and motion.

Core Features & Use Cases

  • Proposes a cohesive design system covering aesthetic, typography, color, layout, spacing, and motion.
  • Generates font+color preview pages and DESIGN.md as the project’s design source of truth.
  • Works for new projects (no existing DESIGN.md) or to infer systems from existing sites via /plan-design-review.

Quick Start

Ask me to generate a complete design system and DESIGN.md for your project.

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

To generate a complete design system, provide your product context and the tool proposes typography, color, layout, spacing, and motion guidelines, outputting a DESIGN.md as the single source of truth.

What is a DESIGN.md and why do I need one for my project?▼

A DESIGN.md is a single source of truth document that unifies product visuals into a cohesive design system, resolving team struggles by documenting typography, color, layout, spacing, and motion.

Can I create brand guidelines from an existing website?▼

Yes, you can infer brand guidelines and design systems from existing sites by using the plan-design-review command, analyzing the current design and proposing a coherent system.

What does a proposed design system include besides typography and color?▼

A proposed design system includes typography, color, layout, spacing, and motion, delivering a comprehensive plan complete with font and color preview pages alongside the final documentation.

Does this design consultation tool work for new projects with no existing design files?▼

Yes, it works for new projects by proactively starting a new design system when no DESIGN.md exists, analyzing your product to propose a complete and coherent visual framework.

What is the best way to document a project's visual identity and motion guidelines?▼

The best way to document visual identity is generating a DESIGN.md that captures typography, color, layout, and motion, serving as the authoritative design source of truth for the team.

Related Skills

Explore More Design & Creative Skills→
TimHL5TimHL5

design-consultation

Create a design system and generate a DESIGN.md document with preview pages.

Community
Advanced
anonymouswhite07anonymouswhite07

stitch-design-taste

Generate DESIGN.md specifications for Google Stitch from design taste rules.

Community
Advanced
Hey-ViswaHey-Viswa

figma-design-skill

Translate design-system patterns into consistent Figma UI designs.

Community
Intermediate
huichenhuichen

design-consultation

Research design needs and generate a DESIGN.md design system source of truth.

Community
Advanced