skills.rest
2300031147
2300031147COMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Create a design system with typography, color, layout, and motion guidance.

Updated Apr 12, 2026
Search Tags:#typography#ui-ux#design-system#brand-guidelines#color-system#design-consultation
One-click install
npx skills add https://github.com/2300031147/clawopencode --skill design-consultation-2300031147
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/2300031147/clawopencode/tree/main/skills/design-consultation
Command: npx skills add https://github.com/2300031147/clawopencode --skill design-consultation-2300031147

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design ambiguity and inconsistent UI blocks slow product growth. This skill helps teams understand their product, research the landscape, and generate a complete design system that covers typography, color, layout, spacing, and motion, with DESIGN.md as the single source of truth.

Core Features & Use Cases

  • Comprehensive design-system proposal including typography, color palette, layout systems, spacing guides, and motion principles.
  • Font+color preview pages and a DESIGN.md as the design source of truth for new projects.
  • Use with existing sites via plan-design-review to infer the system and refresh brand guidelines.

Quick Start

Describe your product goals and I will draft a complete design system and DESIGN.md.

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 UI project?▼

You can refresh brand guidelines for an existing site by using the plan-design-review process. This approach infers the underlying design system from your current site and generates updated typography, color, and layout guidance.

What is a DESIGN.md file and when do I need it for my product?▼

A DESIGN.md file serves as the single source of truth for your product's design system, resolving design ambiguity and inconsistent UI blocks. You need it when starting a new UI project, refreshing brand guidelines, or inferring a system for an existing site.

Can I infer a design system from an existing website to update my brand guidelines?▼

Yes, you can infer a design system from an existing website by using the plan-design-review workflow. This researches your current site landscape to extract typography, color systems, and layout rules, compiling them into updated brand guidelines and a DESIGN.md file.

What is the best way to scale a product design system and fix inconsistent UI blocks?▼

The best way to scale a product design system and fix inconsistent UI blocks is to generate a comprehensive framework covering typography, color, layout, spacing, and motion. Establishing a DESIGN.md provides the single source of truth needed to align your team and ensure consistent UI implementation.

Does this design consultation generate color and typography preview pages?▼

Yes, design consultation generates font and color preview pages alongside the complete design system proposal. These previews help visualize the typography, color palette, and layout systems before finalizing the DESIGN.md as your project's source of truth.

Related Skills

Explore More Design & Creative Skills→
westnwestn
1

design-consultation

Define a complete design system and generate DESIGN.md.

Community
Advanced
NeuronioAzulNeuronioAzul

visual-design-foundations

Apply typography, color, and spacing principles to create cohesive interface design systems.

Community
Intermediate
hb9397hb9397

motion-design

Define UI motion specifications prioritizing performance and accessibility compliance.

Community
Advanced
Yukine5377Yukine5377

ba-ds-bg-tool-prompt-gen

Generate Markdown prompts for design tools to create Design Systems and Brand Guidelines.

Community
Intermediate