skills.rest
steffenpharai
steffenpharaiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-consultation

Audit product goals and audience to generate a DESIGN.md design system.

Updated Aug 23, 2026
Search Tags:#typography#branding#ux#design-system#color-palette#aesthetic-direction#design-consultation
One-click install
npx skills add https://github.com/steffenpharai/StartupFramework --skill design-consultation-steffenpharai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/steffenpharai/StartupFramework/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/steffenpharai/StartupFramework --skill design-consultation-steffenpharai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design consultation helps teams understand their product, research the landscape, and propose a complete design system that covers aesthetic, typography, color, layout, spacing, and motion, then generates DESIGN.md as the project’s single source of truth.

Core Features & Use Cases

  • Understands the product and audience and delivers a cohesive design system that can be adopted across web apps, dashboards, and marketing sites.
  • Generates DESIGN.md that documents the system and acts as a design source of truth for implementation and QA.
  • Provides a design-preview workflow that demonstrates typography, color, spacing, and motion in realistic UI mockups.
  • Supports exploration and decision-making with design direction options and a pathway from concept to implementation.

Quick Start

Tell me your project name and goals, and I’ll generate a complete DESIGN.md and a live preview page.

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

A complete design system is created by auditing your product goals and audience to define typography, color palettes, spacing, layout, and motion. This process produces a cohesive aesthetic direction and a DESIGN.md file serving as your project's source of truth.

What is a DESIGN.md file and how does it help with product branding?▼

A DESIGN.md file documents your entire design system, acting as a single source of truth for implementation and QA. It captures your branding decisions across typography, color, spacing, and motion to ensure cohesive product development.

Can I get design direction options before committing to a full design system?▼

Yes, you can explore design direction options before full commitment. The consultation supports decision-making by proposing aesthetic directions and demonstrating typography, color, and motion in realistic UI mockups for your review.

How do I choose a color palette and typography for my marketing site?▼

Choosing a color palette and typography involves understanding your product goals and audience to establish an aesthetic direction. The system audits these needs and generates cohesive typography and color definitions with a live preview.

Does this design consultation work for both web apps and marketing sites?▼

Yes, this design consultation works for web apps, dashboards, and marketing sites. It delivers a cohesive design system covering layout, spacing, and motion that can be adopted across these different product surfaces.

What's the best way to document spacing and motion rules for UI QA?▼

The best way to document spacing and motion rules is to generate a DESIGN.md file. It acts as a design source of truth, capturing these specifications alongside typography and color to guide implementation and quality assurance.

Related Skills

Explore More Design & Creative Skills→
Yukine5377Yukine5377

ba-brand-info-extract

Collect and validate mandatory brand assets for Brand Guidelines workflows.

Community
Intermediate
kos3nzkos3nz

frontend-design

Design and implement frontend interfaces with a distinctive aesthetic direction.

Community
Advanced
ChildoftheVibeChildoftheVibe

minimalist-ui

Generate CSS tokens and layout rules for minimalist bento-grid UI systems.

Community
Advanced
tan-yong-shengtan-yong-sheng
4

ui-ux-designer

Create interface designs, wireframes, and design systems with accessibility standards.

Community
Advanced