skills.rest
alexandervashurin
alexandervashurinCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Generate a complete design system and DESIGN.md from product context.

1|Updated Feb 25, 2026
Search Tags:#typography#design#branding#color#design-system#motion
One-click install
npx skills add https://github.com/alexandervashurin/semaphore --skill design-consultation-alexandervashurin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/alexandervashurin/semaphore/tree/main/.claude/skills/design-consultation
Command: npx skills add https://github.com/alexandervashurin/semaphore --skill design-consultation-alexandervashurin

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams often struggle to translate product goals into a cohesive, documented design system. This skill guides you from product understanding through landscape research to a complete DESIGN.md that serves as the project's true source of truth.

Core Features & Use Cases

  • Understand the product, research the landscape, propose a complete design system (aesthetic, typography, color, layout, spacing, motion), and generate DESIGN.md as your project's design source of truth. For existing sites, use /plan-design-review to infer the system. Proactively suggest design directions when starting a new UI with no DESIGN.md.

Quick Start

Describe your product and I will 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 create a complete design system for a new project?▼

To create a complete design system, describe your product context and the tool generates a cohesive DESIGN.md covering typography, color, spacing, layout, and motion as your project's source of truth.

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

A DESIGN.md file documents your complete design system and serves as the source of truth for your project. You need it when translating product goals into cohesive aesthetic guidelines for new or existing sites.

Can I generate design guidance for an existing site without a design system?▼

Yes, you can infer a design system for existing sites by running a design review. The tool analyzes your current UI and proposes a complete, documented DESIGN.md based on the inferred aesthetic.

What is the best way to document typography, color, and motion guidelines together?▼

The best way to document these guidelines together is generating a unified DESIGN.md file. It translates product context into a cohesive design system encompassing typography, color, spacing, layout, and motion.

Does this design system generator work for both new builds and UI redesigns?▼

Yes, it works for both new builds and existing sites needing design guidance. For new projects it proactively suggests directions, while existing sites use a review command to infer the current system.

Related Skills

Explore More Design & Creative Skills→
aditisharma0204aditisharma0204

strategist

Frame product design problems into structured briefs for discovery and execution.

Community
Advanced
vobasevobase
59

extract

Extract reusable UI components, design tokens, and patterns from frontend codebases.

Official
Intermediate
semicolon-devteamsemicolon-devteam

generate-mockup

Generate UI mockups from design requirements using the 21st_magic_component_builder.

Official
Advanced
sgcarstrendssgcarstrends
21

design-language-system

Standardize UI and chart colors using navy design tokens and CSS variables.

Official
Basic