skills.rest
EhsaanArk
EhsaanArkCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Generate a complete design-system proposal with DESIGN.md and preview page.

Updated Mar 14, 2026
Search Tags:#typography#design#prototyping#ux#design-system#motion#color-palette
One-click install
npx skills add https://github.com/EhsaanArk/ai-signal-router --skill design-consultation-ehsaanark
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/EhsaanArk/ai-signal-router/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/EhsaanArk/ai-signal-router --skill design-consultation-ehsaanark

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams often struggle to translate product goals into a cohesive design system. This Skill understands your product, researches the landscape, proposes a complete design system (aesthetic, typography, color, layout, spacing, motion), and generates a DESIGN.md that serves as the single source of truth for the project. For existing sites, it can infer directions and suggest improvements to align with a planned DESIGN.md.

Core Features & Use Cases

  • Proposes a complete design system tailored to the product, including aesthetic, typography, color, spacing, layout, and motion guidelines.
  • Generates a DESIGN.md as the project's design source of truth and a live preview to visualize the system.
  • Provides a structured SAFE/RISK analysis and multiple design-direction options to guide decision-making.
  • Integrates research-driven context (Phase 2) and delivers a final, coherent design proposal ready for implementation.

Quick Start

Ask me for a complete design-system proposal to generate a DESIGN.md and a live preview.

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 web app?▼

You can create a design system proposal by analyzing product context and competitive landscape research to define typography, color palettes, and motion guidelines, resulting in a DESIGN.md file and a live preview page.

What is included in a design system proposal for dashboards?▼

A design system proposal for dashboards includes definitions for aesthetic direction, typography, color palettes, spacing, layout, and motion, alongside a structured risk analysis and multiple design-direction options to guide implementation.

Can I use this approach to improve an existing marketing site design?▼

Yes, for an existing marketing site, the process can infer design directions from the current state and suggest improvements to align the site with a newly planned DESIGN.md document and coherent visual system.

How do I document typography and color palette guidelines for UI development?▼

Document typography and color palette guidelines by generating a DESIGN.md file that establishes the project's design source of truth, providing clear rules for UI development alongside a visual live preview.

Does this design system generation process provide risk analysis for UX decisions?▼

Yes, the design system generation process includes a structured SAFE and risk analysis to evaluate proposed design directions, ensuring that UX decisions regarding layout and motion are guided by competitive landscape research.

Related Skills

Explore More Design & Creative Skills→
jubscodesjubscodes
49

gsp-brand-research

Research market landscape and competitive positioning for a brand.

Community
Advanced
viraatdasviraatdas

design-consultation

Generate a cohesive design system with typography, color, layout, and motion guidelines.

Community
Advanced
qqrusqqrus

ux-designer

Provide UX design guidelines for user research, wireframing, prototyping, and information architecture.

Community
Advanced
zengtao227zengtao227

design-consultant

Provide color palettes, typography pairings, and UX risk analysis for interfaces.

Community
Advanced