skills.rest
sobhanashine
sobhanashineCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Create a design system from existing design documentation and landscape research.

1|Updated May 12, 2026
Search Tags:#design system#brand guidelines#product design#UI/UX design#design research
One-click install
npx skills add https://github.com/sobhanashine/nazarato --skill design-consultation-sobhanashine
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/sobhanashine/nazarato/tree/main/.claude/skills/design-consultation
Command: npx skills add https://github.com/sobhanashine/nazarato --skill design-consultation-sobhanashine

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires Bash, Read, Write, Edit, Glob, Grep, AskUserQuestion, WebSearch, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the challenge of creating a comprehensive design system for products, ensuring aesthetic consistency, typography, color schemes, layout, spacing, and motion design.

Core Features & Use Cases

  • Design System Creation: Proposes a complete design system based on product understanding and research.
  • Design Research: Analyzes the current design landscape and provides insights.
  • Design Preview: Generates font and color previews to visualize the design system.
  • Use Case: Ideal for new projects or when revamping an existing product's design.

Quick Start

Invoke the design-consultation skill to begin the design system creation process 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 create a complete design system for a new product?▼

A design system defines aesthetic consistency, typography, color schemes, layout, spacing, and motion design to ensure visual coherence across a product. It is needed when starting new projects or revamping an existing product's UI/UX design.

What do I need to generate brand guidelines and UI/UX design recommendations?▼

You need existing design-related documentation accessible via Read, Grep, and Glob commands. The skill analyzes these files to extract product understanding before proposing a comprehensive design system with aesthetic and layout guidelines.

How do I conduct design research for my product's design system?▼

Design research is conducted by analyzing existing documentation and using WebSearch to research the current design landscape. This provides insights that inform the proposed typography, color, and layout recommendations for your product.

Can I preview typography and color schemes before finalizing the design system?▼

Yes, the skill generates font and color previews to visualize the proposed design system. This allows you to evaluate aesthetic consistency and typography choices before applying the brand guidelines to your product.

What is the best way to revamp an existing product's design system?▼

The best way to revamp a design system is analyzing existing design documentation and researching the landscape to propose updated typography, color, layout, spacing, and motion design that ensures aesthetic consistency across the product.

Related Skills

Explore More Design & Creative Skills→
zhifengzhang-szzhifengzhang-sz

design-consultation

Create a complete design system and export DESIGN.md as the source of truth.

Community
Advanced
srbhrsrbhr
28.1k

design-principles

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

Community
Basic
boraoztuncboraoztunc
248

emil-design-eng

Apply Emil Kowalski's UI design philosophy to refine interface polish and consistency.

Community
Advanced
abrahamgreysonabrahamgreyson

gsd:reference:ui-brand

Apply UI and branding guidelines to GSD projects.

Community
Intermediate